
bootstrap 5 中模态框(modal)无法触发,通常是因为使用了旧版 bootstrap 4 的 `data-toggle` 和 `data-target` 属性,而 bootstrap 5 已全面替换为带 `bs-` 前缀的新数据属性。
在你提供的 HTML 代码中,按钮使用的是 Bootstrap 4 风格的属性:
但你的项目引入的是 Bootstrap 5.x(从 CDN URL @5.3.3/dist/... 可确认),而 Bootstrap 5 已移除 data-toggle 和 data-target,统一改用 data-bs-toggle 和 data-bs-target。同理,关闭按钮中的 data-dismiss 也需更新为 data-bs-dismiss。
✅ 正确写法如下:
一个经过完善设计的经典网上购物系统,适用于各种服务器环境的高效网上购物系统解决方案,shopxp购物系统Html版是我们首次推出的免费购物系统源码,完整可用。我们的系统是免费的不需要购买,该系统经过全面测试完整可用,如果碰到问题,先检查一下本地的配置或到官方网站提交问题求助。 网站管理地址:http://你的网址/admin/login.asp 用户名:admin 密 码:admin 提示:如果您
此外,请确保以下几点以避免常见陷阱:
- ✅ jQuery 不再是必需项:Bootstrap 5 完全移除了对 jQuery 的依赖,因此无需引入 jQuery(除非你项目中其他功能需要)。但若已引入,也不会导致 Modal 失效;真正失效的原因仍是属性名不匹配。
- ✅ 脚本加载顺序无误:Bootstrap JS 必须在 DOM 加载完成后执行(你已将









