Twitter bootstrap 推特引导2,折叠导航

Twitter bootstrap 推特引导2,折叠导航,twitter-bootstrap,Twitter Bootstrap,使用Twitter Bootstrap 2,如何让链接在collapse nav中工作: 我已经包含了jquery和bootstrap-collapse.js文件 我尝试调用$('.nav collapse').collapse(),但这只是打开了折叠区域,没有激活按钮。这正是我所期望的,因为它应该只与标记一起工作 谢谢好的,所以我的问题是我在同一个文件中包含bootstrap.js和bootstrap-collapse.js,我假设需要bootstrap.js,然后当它不起作用时,

使用Twitter Bootstrap 2,如何让链接在collapse nav中工作:


我已经包含了jquery和bootstrap-collapse.js文件

我尝试调用
$('.nav collapse').collapse()
,但这只是打开了折叠区域,没有激活按钮。这正是我所期望的,因为它应该只与标记一起工作


谢谢

好的,所以我的问题是我在同一个文件中包含bootstrap.js和bootstrap-collapse.js,我假设需要bootstrap.js,然后当它不起作用时,我包含bootstrap-collapse.js


现在对我来说这很明显,但是bootstrap.js是所有bootstrap js的集合。这很好…

在另一种情况下,bootstrap-responsive.css之后需要bootstrap.css文件。这也将导致按钮不出现。确保在bootstrap responsive.css之前首先需要bootstrap.css。

我有点好奇,想知道bootstrap 2.0.4是否仍然存在此问题

事实上,包含bootstrap.js和bootstrap-collapse.js是没有意义的,因为bootstrap.js包含bootstrap-collapse.js

仅boostrap collapse.js

正如预期的那样,它工作得非常好

boostrap.js和boostrap collapse.js:

如果您第一次单击折叠按钮,div将立即打开和关闭。(我认为这是因为插件声明了两次)

然后它工作正常


这个问题是针对早期版本的twitter boostrap(2.0.0)的,但由于插件结构的改变,它已经被处理或不再出现。

要么包括完整的引导jquery库(将所有js存储到所有插件),要么包括单个库

例如:如果你想使用工具提示,你可以:

  • include:js/bootstrap.js(包含所有插件)

  • 包括:bootstrap/js/bootstrap-tooltip.js
第二种方法更好,因为你不会把不常用的东西加载到浏览器中


使用github提供的较少版本或通过引导网站自定义编译器编译自己的版本,切勿使用默认版本

我添加了bootstrap-collapse.js,但它似乎没有什么帮助。请仔细阅读引导文档。您缺少了实际调用函数$(“.collapse”).collapse()的部分。请注意,您还需要在页面中包含jQUery。感谢您指出有关阅读文档的内容,我做到了,并改进了代码。如果您阅读了代码和文档,其中有一个标记选项,该选项应该可以工作,而不必调用$(“.collapse”).collapse(),在本例中,它是错误的,因为它需要是.nav collapse。从bootstrap站点,您将看到,他们在任何地方都不这么叫。如果你真的叫它,它只会打开你叫它打开的折叠!你没看问题吗?上面有一个导航条…该死!!我在这个问题上浪费了2到3个小时!!!我检查了一下,发现我和你提到的一样一团糟。。。。我有两份文件。只需要一个主要的。他们应该更清楚地说明这一点。非常感谢。是的,这很烦人,当你解决它的时候,你会踢自己。。。很高兴我的时间帮助,我有bootstrap.js,没有bootstrap-collapse.js,IE.Firefox和mobile Safari的菜单按预期以较小的宽度打开,但chrome没有。