手动调用Bootstrap组件构造函数无反应，因Bootstrap 5+不自动初始化，需确保DOM就绪、元素存在且非null；Toast需手动调用show()；动态内容须手动初始化；重复初始化会导致状态错乱。
手动调用 bootstrap.Modal 等组件构造函数时，为什么没反应？
因为 bootstrap 5+ 默认不自动绑定 dom 事件监听器，也不会扫描页面初始化所有组件——它只在你显式调用时才干活。如果你只引入了 js 文件但没写初始化代码，data-bs-toggle 属性和 data-bs-target 都不会生效。
常见错误现象：new bootstrap.Modal(document.getElementById('myModal')) 执行后模态框不弹出；控制台无报错，但点击按钮毫无反应。
- 必须确保 DOM 已就绪（比如放在
DOMContentLoaded里，或脚本放</body>前） - 传入的元素不能为
null，否则构造函数静默失败（不抛错，但实例无效） - 组件依赖
Popper（仅 Tooltip、Popover、Dropdown），若未正确加载 Popper，会报"Popper is not found"错误
bootstrap.Toast 初始化后不自动显示？
Toast 默认是“创建即隐藏”的，即使你 new 出来，也得手动调用 show()。这跟 Modal、Dropdown 不同，后者常靠点击触发，而 Toast 多数场景需要主动唤起。
使用场景：表单提交成功提示、后台任务完成通知等需程序控制时机的轻量反馈。
-
new bootstrap.Toast(element, { autohide: true, delay: 3000 })只是配置，不等于显示 - 必须紧接着调用
toast.show()，否则 DOM 节点存在但opacity: 0+display: none - 如果
element是通过 JS 动态插入的，要确认它已挂载到 DOM 中再初始化（否则getBoundingClientRect()等测量会出错）
多个同类型组件（如多个 bootstrap.Collapse）怎么批量初始化？
Bootstrap 没提供类似 bootstrap.initAll('.collapse') 的批量 API，得自己遍历。但要注意：重复初始化同一元素会创建多个实例，可能引发事件叠加、状态错乱。
立即学习“Java免费学习笔记（深入）”；
参数差异：Collapse 构造函数第二个参数是配置对象，其中 parent 决定是否启用手风琴模式（即同组 collapse 互斥展开）。
- 用
document.querySelectorAll('.collapse')获取全部节点，逐个判断是否已初始化（可查element._bs_collapse私有属性，但不推荐依赖） - 更稳妥做法：加自定义标记，如初始化后设
element.dataset.initialized = 'collapse'，后续跳过 - 避免在循环中对同一父容器内多个 collapse 元素都传
{ parent: '#accordion' }却没统一管理，否则折叠逻辑可能异常
用 data-bs-* 属性自动初始化后，还能否再用 JS 控制？
可以，而且推荐混用：用属性做基础声明，用 JS 实例做精细控制。但要注意，属性初始化是“一次性”的——首次访问时自动触发，之后再改 data-bs-* 值不会更新实例配置。
性能影响：自动初始化会在 DOMContentLoaded 后遍历全页匹配选择器（如 [data-bs-toggle="modal"]），DOM 节点多时有微小开销；手动初始化则完全可控。
- 获取已有实例用
bootstrap.Modal.getInstance(element)，返回已存在的实例，不会新建 - 若先用了
data-bs-toggle，又手动new bootstrap.Modal(...)，会产生两个独立实例，互相不感知 - 动态插入新节点（如 AJAX 加载内容）后，必须手动初始化，自动机制不会二次扫描
事情说清了就结束。最常被忽略的是：手动初始化前不检查元素是否存在、不确认 DOM 就绪时机、以及把构造函数当执行函数用（忘了调 show() / toggle()）。
