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()，但这只是打开了崩溃区域，并没有激活按钮。这正是我所期望的，因为它只应用于标记。

感谢

来源

2012-02-07 nodrog

我已经添加了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

我有点好奇，想看看这个问题仍然有引导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）的早期版本，但由于插件结构发生变化，它已经处理或不再发生。

来源

2012-06-20 15:06:09 baptme

好了，所以我的问题是，我是其中bootstrap.js并在同一文件中的自举collapse.js，我认为bootstrap.js需要，然后当它没有工作，我包括bootstrap-collapse.js。

现在对我来说很明显，但bootstrap.js是所有引导j卷起的。这是不错的...

来源

2012-02-08 11:30:15 nodrog

当！我在这个问题上浪费了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。

来源

2012-03-13 10:17:41 Bryan

保存我的一天:) – jonas 2013-02-04 18:41:06

要么你包括完整的引导jQuery库（它存储所有js到所有插件），或者你包括单个库。

因此，对于例如：如果你想使用工具提示，您可以：

包括：JS/bootstrap.js（包含所有插件）

或

包括： bootstrap/js/bootstrap-tooltip.js

第二次遇见hod是更好的，因为你不会加载到浏览器不会被使用的东西！

使用github的LESS版本或编译自己的bootstrap网站自定义编译器，从不使用默认！

来源

2012-10-10 15:59:09 Fowowski

Twitter的引导2，崩溃-NAV

回答

相关问题