引導響應導航摺疊的麻煩

我一直在拉我的頭髮。該文件使它看起來很簡單，但我不能讓我的生活得到摺疊導航欄正確/一致地展開。我必須點擊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

引導響應導航摺疊的麻煩

回答

相關問題