p能但必须改写初始化方式Bootstrap 5 移除 jQuery 依赖改用原生 DOM API 和 ES6 类构造器如 bootstrap.Modaldata-bs-* 属性仍有效但需 DOM 就绪事件绑定改为 addEventListener方法调用变为实例方法。/pBootstrap 5 的 JavaScript 组件还能用吗能但必须改写初始化方式。bootstrap 5 彻底移除了对 jquery 的依赖所有 js 组件比如 modal、dropdown、toast现在都基于原生 dom api 和 es6 语法实现。如果你之前靠 $().modal(show) 这类写法驱动组件现在会直接报错typeerror: $ is not a function。常见错误现象页面加载后下拉菜单点不动、模态框不弹出控制台报 Uncaught ReferenceError: $ is not defined用 CDN 引入 Bootstrap 5 JS 后data-bs-toggle 属性看似生效但手动调用 JS 方法失败如何手动初始化 Bootstrap 5 组件不再通过 jQuery 选择器链式调用而是用 bootstrap 命名空间下的类构造器 原生 document.querySelector 或 querySelectorAll。实操建议确保已正确引入 Bootstrap 5 的 JS 文件不是旧版且在你的脚本之前执行每个组件对应一个独立的类如 Modal、Dropdown、Tooltip全部从 bootstrap 模块导出CDN 方式下挂载在全局 bootstrap 对象上初始化前务必确认 DOM 已就绪否则 querySelector 返回 null示例手动触发模态框const myModal document.getElementById(myModal)if (myModal) { const modal new bootstrap.Modal(myModal) modal.show()}data-bs-* 属性还管用吗管用但有前提你没动过默认行为也没手动 new 实例覆盖它。Bootstrap 5 仍自动扫描并初始化带 data-bs-toggle 等属性的元素——前提是这些元素在 DOM 加载完成时已存在。 通义听悟 阿里云通义听悟是聚焦音视频内容的工作学习AI助手依托大模型帮助用户记录、整理和分析音视频内容体验用大模型做音视频笔记、整理会议记录。