Bootstrap Alert 默认不自动关闭，需手动用 setTimeout 结合 .alert('close') 实现；必须确保 DOM 加载完成、使用精确选择器、保留 fade show 类及 data-bs-dismiss 属性，并通过监听 closed.bs.alert 事件阻止元素被移除以支持复用。
Bootstrap Alert 默认不自动关闭，必须手动加定时逻辑
bootstrap 的 alert 组件只提供点击关闭能力（靠 data-bs-dismiss="alert"），它本身没有内置的「几秒后消失」机制。你看到的自动关闭效果，全是自己写的 settimeout + .alert('close') 组合出来的。
常见错误现象：
— 页面加载后警报一闪就没了（setTimeout 写在 DOM 尚未渲染完成时）
— 关闭后再次调用显示失败（DOM 元素已被 Bootstrap 彻底移除）
— 多个 alert 同时存在，结果只关掉第一个（选择器没限定范围）
- 务必等 DOM 加载完再执行定时关闭，推荐用
$(() => { ... })或DOMContentLoaded - 不要用
$(".alert")这种宽泛选择器；如果页面有多个 alert，应绑定到具体 class 或 id，比如$("#form-success-alert") - Bootstrap 5 中方法名是
.alert('close')，不是.hide()或.remove()—— 后两者会跳过关闭动画和事件钩子
自动关闭要配 fade in 才有淡出动画
如果只写 $(".alert").alert('close')，元素会瞬间消失，没有过渡效果。这是因为 Bootstrap 的淡出动画依赖两个 CSS 类：初始要有 show（或 in，旧版），关闭过程中要保留 fade 并触发 showing/shown 等状态类。
使用场景：用户提交表单成功后弹一个绿色提示，2 秒后安静收起，不打断操作流。
- HTML 中必须带
fade show（Bootstrap 5）或fade in（Bootstrap 4）类，缺一不可 - 别删
data-bs-dismiss="alert"—— 它不只是给按钮用的，还负责初始化 alert 插件实例；删了会导致.alert('close')失效 - 动画时长由 CSS 控制：
.alert.fade { transition: opacity .15s linear; }，改这里可微调淡出快慢
重复使用同一个 alert 元素需避免被移除
这是最常被忽略的坑：Bootstrap 在调用 .alert('close') 后，默认会把整个 alert 元素从 DOM 中 完全删除，不是隐藏。所以如果你下次还想用 $("#my-alert").show()，会发现它已经不存在了。
解决办法不是重写 HTML 模板，而是阻止默认移除行为：
- 初始化时加选项：
$("#my-alert").alert({ offset: 0, fade: true })不起作用；真正有效的是监听closed.bs.alert事件并阻止默认行为 - 更稳妥的做法：关闭后手动恢复显示状态，例如在
closed.bs.alert回调里执行$(this).removeClass("show").addClass("d-none")，再需要时.removeClass("d-none").addClass("show") - 或者干脆放弃复用，每次动态生成 alert 元素（适合 SPA 场景，但要注意内存泄漏）
Bootstrap 5 下的完整最小可用示例
下面这段代码能直接粘贴进 HTML 使用，含初始化、2 秒自动关闭、关闭后不销毁元素、支持多次触发：
<div id="success-alert" class="alert alert-success alert-dismissible fade show d-none" role="alert">
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
操作成功！
</div>
<script>
$("#success-alert").on("closed.bs.alert", function () {
$(this).removeClass("show").addClass("d-none");
});
function showSuccess() {
$("#success-alert").removeClass("d-none").addClass("show");
setTimeout(() => {
$("#success-alert").alert("close");
}, 2000);
}
</script>
注意 data-bs-dismiss="alert" 不能少，fade show d-none 顺序不能乱，closed.bs.alert 必须在 showSuccess() 之前绑定 —— 漏掉任意一个，都会导致下一次调用失败。
复杂点在于：关闭动作和 DOM 生命周期是耦合的，而多数人只想着“让它消失”，没意识到消失之后它就真的没了。
