Twitter的引导2,崩溃-NAV
随着Twitter的引导2,怎样才能达到崩溃,导航内的工作联系:Twitter的引导2,崩溃-NAV
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="/index.html">Hubsphere - Controller</a>
<div class="nav-collapse">
<ul class="nav">
<li class="">
<a href="./index.html">Overview</a>
</li>
</ul>
</div>
</div>
</div>
</div>
我已经包括jQuery和引导-collapse.js文件。
我试过拨打电话$('.nav-collapse').collapse()
,但这只是打开了崩溃区域,并没有激活按钮。这正是我所期望的,因为它只应用于标记。
感谢
我有点好奇,想看看这个问题仍然有引导2.0.4
事实上发生时,它是没有意义的包括bootstrap.js和引导,collapse.js因为bootstrap.js包括引导-collapse.js
唯一的自举,collapse.js http://jsfiddle.net/baptme/YWUmb/6/
它将按预期pefectly罚款。
都boostrap.js &自举-collapse.js: http://jsfiddle.net/baptme/YWUmb/5/
如果您对折叠按钮点击,第一次,在div打开并立即关闭。 (我认为这是因为插件声明了两次)。
然后它工作正常。
此问题特定于twitter boostrap(2.0.0)的早期版本,但由于插件结构发生变化,它已经处理或不再发生。
好了,所以我的问题是,我是其中bootstrap.js并在同一文件中的自举collapse.js,我认为bootstrap.js需要,然后当它没有工作,我包括bootstrap-collapse.js。
现在对我来说很明显,但bootstrap.js是所有引导j卷起的。这是不错的...
当!我在这个问题上浪费了2到3个小时!我查了一下,并且正如你所提到的那样,我遇到了同样的问题....我有两个文件。只需要主要的一个。他们应该更加清楚。谢谢!!! – MattSlay 2012-02-19 06:31:58
是的,这是非常烦人的,当你解决问题时你会踢自己......很高兴我的时间帮助到底 – nodrog 2012-02-19 21:19:37
刚刚解决了我的问题!谢谢。 – joshcartme 2012-04-03 19:54:29
还有一种情况,bootstrap-responsive.css后需要bootstrap.css文件。这也会导致按钮不出现。确保在bootstrap-responsive.css之前首先要求bootstrap.css。
保存我的一天:) – jonas 2013-02-04 18:41:06
要么你包括完整的引导jQuery库(它存储所有js到所有插件),或者你包括单个库。
因此,对于例如:如果你想使用工具提示,您可以:
- 包括:JS/bootstrap.js(包含所有插件)
或
- 包括: bootstrap/js/bootstrap-tooltip.js
第二次遇见hod是更好的,因为你不会加载到浏览器不会被使用的东西!
使用github的LESS版本或编译自己的bootstrap网站自定义编译器,从不使用默认!
我已经添加了bootstrap-collapse.js,但它似乎没有帮助 – nodrog 2012-02-07 16:40:47
请仔细阅读bootstrap文档。 http://twitter.github.com/bootstrap/javascript.html#collapse你错过了实际调用函数$(“。collapse”)的部分。collapse()注意你还需要包含jQUery该页面也是如此。 – 2012-02-07 22:25:23
感谢您指出阅读文档,我做了更好的代码。如果你阅读代码和文档有一个标记选项,那么应该不需要调用$(“。collapse”)。collapse(),在这种情况下是错误的,因为它需要是.nav-collapse 。从bootstrap网站你会看到他们不会在任何地方通话。如果你打电话给它,它只会打开你打电话给它的崩溃!你没有读过它显示的固定在顶端的导航栏的问题... – nodrog 2012-02-08 09:31:31