使用 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.jsjquery.jsbootstrap-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 中,因此您不需要两个声明。

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

【讨论】:

以上是关于使用 Bootstrap javascript 文件时播放 1.2.4 中的特殊行为的主要内容,如果未能解决你的问题,请参考以下文章

使用组件时如何使文本区域在Bootstrap-vue中占据整个浏览器宽度

bootstrap 排版 图片+文字类文章 常用样式

用于文本区域的 Bootstrap 5 浮动标签与滚动输入重叠

bootstrap javascript插件部分的笔记整理

Bootstrap入门使用

使用 Javascript /jQuery 的 Bootstrap 4 表单验证