爲什麼不是Bootstrap手機導航按鈕擴展導航？

Question

該網站爲AudioTalks

位於下方的導航欄代碼。當我在手機上加載網站並點擊按鈕以下拉導航時，按鈕變暗並保持較暗（保持壓低狀態）並且沒有導航條鏈接下拉。按鈕變得更暗，就是這樣。

感謝任何幫助，我可以得到。

<nav class="navbar navbar-default navbar-static-top"> 
     <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      </button> 
      <div class="navbar-brand">Audio Talks</div> 
     </div> 
     <div id="navbar" class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="about.html">About</a></li> 
        <li><a href="legal.html">Legal</a></li> 
      </ul> 
     </div><!--/.nav-collapse --> 
     </div> 
    </nav> 

Answer 1

未在您的頁面上加載jQuery。 Bootstrap的JavaScript需要jQuery。在bootstrap.min.js之前加載jQuery。

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> 
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> 

理想情況下，您可以將腳本加載到網站的頁腳中，以獲得更好的表現。