twitter bootstrap可摺疊導航菜單

Question

我在我的web應用程序上使用twitter引導來完成所有樣式，而且大部分內容都很棒。問題是我的導航欄一旦崩潰，當我點擊下拉圖標時不會掉下來。我列出了我的HTML，但我認爲問題是與我的JavaScript看到，因爲這個小提琴完全相同的代碼：http://jsfiddle.net/YWUmb/30/工作得很好。

<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="/">Exployre</a> 
      <div class="nav-collapse"> 
      <ul class="nav"> 
       <li><a href="/">Home</a></li> 
       <li><a href="/profile">Profile</a></li> 
       <li><a href="/sponsors">Sponsors</a></li> 
       <li><a href="/working">Exployrers</a></li> 
       <li><a href="/about">About</a></li> 
       <li><a href="/share">Share</a></li> 
       <li> 
        {% if user %} 
         User: {{ user }}<br> 
         <a href="{{ logout }}">Logout</a> 
        {% else %} 
         <a href="/login">Signin or Register</a> 
        {% endif %} 
       <li> 
        <a href="/profile"> 
        {% if visits %} 
         {% if visits > 10 %} 
         Prestige: {{ visits }} 
         {% elif visits > 5 %} 

         {% endif %} 
        {% endif %} 
        </a> 
       </li> 
       <li>   
       <form action="/search" class="navbar-search"> 
        <div> 
        <input type="text" placeholder="Search" class="search-query" name="q" size="55"/> 
        </div> 
       </form> 

       <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&amp;lang=en"></script> 
       </li> 

      </ul> 
      </div><!--/.nav-collapse --> 
     </div> 
     </div> 
    </div> 
<script type="text/javascript" src="/static/js/bootstrap.js"></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 

我的源代碼鏈接有什麼問題，或者我需要做的其他任何事情使它工作？

Answer 1

問題在於你的js的順序。 jQuery腳本首先進入bootstrap插件：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script type="text/javascript" src="/static/js/bootstrap.js"></script>