引导响应导航折叠的麻烦

我一直在拉我的头发。该文件使它看起来很简单，但我不能让我的生活得到折叠导航栏正确/一致地展开。我必须点击2-3次才能展开，并且只有在播放“合拢”动画后才会这样做。引导响应导航折叠的麻烦

为了解决这个问题，我创建了这个页面，它有股票引导程序导航HTML和最低限度的.js我认为它需要它的工作。

http://stats.thephish.fm/test.html

（相同NAV是根指数为该网站）。

帮助表示赞赏！

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css"/> 
    <link href="css/bootstrap-responsive.css" rel="stylesheet" type="text/css"/> 
    <link href="css/my.css" rel="stylesheet" type="text/css"/> 
    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> 
    <script type="text/javascript" src="js/bootstrap.min.js"></script> 
    <script type="text/javascript" src="js/bootstrap-collapse.js"></script> 

</head> 
<body> 

    <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">Bootstrap</a> 
      <div class="nav-collapse collapse"> 
      <ul class="nav"> 
       <li class=""> 
       <a href="./index.html">Overview</a> 
       </li> 
       <li class=""> 
       <a href="./scaffolding.html">Scaffolding</a> 
       </li> 
       <li class=""> 
       <a href="./base-css.html">Base CSS</a> 
       </li> 
       <li class="active"> 
       <a href="./components.html">Components</a> 
       </li> 
       <li class=""> 
       <a href="./javascript.html">Javascript plugins</a> 
       </li> 
       <li class=""> 
       <a href="./less.html">Using LESS</a> 
       </li> 
       <li class="divider-vertical"></li> 
       <li class=""> 
       <a href="./download.html">Customize</a> 
       </li> 
       <li class=""> 
       <a href="./examples.html">Examples</a> 
       </li> 
      </ul> 
      </div> 
     </div> 
     </div> 
    </div> 



</body> 
</html>

我也曾尝试在头标记加入这个脚本：

<script type="text/javascript"> 
$(document).ready(function() { 
    $('.collapse').collapse(); 
}); 
</script>

，但是当我这样做的崩溃不会在所有的工作。

来源

2012-04-14 ehed

在此分享您的（相关）代码和您的具体问题。 – PeeHaa 2012-04-14 02:38:17

对不起，粘贴它。我联系，因为它是*种*的工作，只是行为/动画是疯狂的。 – ehed 2012-04-14 02:43:10

包含bootstrap.js和bootstrap-collapse.js。哎呀。修复它。 – ehed 2012-04-14 03:00:32

包括bootstrap.js和bootstrap-collapse.js。哎呀。我不得不说这有点令人困惑，因为每个插件都会在其旁边显示“下载文件”，这似乎表明它是一个增强默认JavaScript库的插件。

来源

2012-04-15 02:19:25 ehed

我也这么认为 - 哪个是JS文件的目的？我何时必须使用那个，当另一个？ – cukabeka 2012-08-29 09:59:36

引导响应导航折叠的麻烦

回答

相关问题