使用 Bootstrap javascript 文件时播放 1.2.4 中的特殊行为
Posted
技术标签:
【中文标题】使用 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 是否与引导程序不冲突。删除 doubledsessvars.js
,使用浏览器的开发者工具(即 FireBug for FireFox)并前往控制台查找 JavaScript 错误。
【参考方案1】:
Bootstrap 依赖于 jquery,所以需要在 bootstrap 之前声明 jquery 脚本
下拉代码通常包含在 bootstrap.js 中,因此您不需要两个声明。
如果您仍有问题,请打开浏览器错误控制台以查看问题所在
【讨论】:
以上是关于使用 Bootstrap javascript 文件时播放 1.2.4 中的特殊行为的主要内容,如果未能解决你的问题,请参考以下文章
使用组件时如何使文本区域在Bootstrap-vue中占据整个浏览器宽度