使用 Bootstrap javascript 文件时播放 1.2.4 中的特殊行为

Posted 2023-04-14

【中文标题】使用 Bootstrap javascript 文件时播放 1.2.4 中的特殊行为

【英文标题】：Peculiar behaviour in play 1.2.4 while using Bootstrap javascript files

【发布时间】：2012-09-11 06:15:58

【问题描述】：

我正在使用三个 javascript 文件：bootstrap.js、jquery.js、bootstrap-dropdown.js。我已经在我的项目中的每个 html 页面中实现了一个标题，它有一个下拉菜单，并且在一个 html 页面中我实现了一个模式类。现在，每当我在jquery.js 之前导入bootstrap.js 时，下拉菜单有效，但模态类无效，当我反向操作时，模态有效，但下拉菜单无效。

我用过的js文件顺序列表：

<script src="@'/public/javascripts/bootstrap.js'" type="text/javascript" charset="$_response_encoding"></script>
<script src="@'/public/javascripts/jquery.js'" type="text/javascript" charset="$_response_encoding"></script>

<script src="@'/public/javascripts/sessvars.js'" type="text/javascript" charset="$_response_encoding"></script>

<script src="@'/public/javascripts/jquery-ui-1.7.2.custom.min.js'" type="text/javascript" charset="$_response_encoding"></script>
<script src="@'/public/javascripts/sessvars.js'" type="text/javascript" charset="$_response_encoding"></script>
<script src="@'/public/javascripts/bootstrap-dropdown.js'" type="text/javascript" charset="$_response_encoding"></script>

【问题讨论】：

检查 jquery UI 是否与引导程序不冲突。删除 doubled sessvars.js，使用浏览器的开发者工具（即 FireBug for FireFox）并前往控制台查找 JavaScript 错误。

【参考方案1】：

Bootstrap 依赖于 jquery，所以需要在 bootstrap 之前声明 jquery 脚本

下拉代码通常包含在 bootstrap.js 中，因此您不需要两个声明。

如果您仍有问题，请打开浏览器错误控制台以查看问题所在