Bootstrap移动导航按钮为何不扩展导航？

Question

The website is AudioTalks

Code for the navbar located below. When I load the site on mobile and click the button to drop down the navigation the button becomes darker and stays darker (stays depressed) and no navbar links drop down. The button becomes darker and that's it.

Appreciate any help I can get.

 <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 is not loading on your page. Bootstrap's JavaScript requires jQuery. Load jQuery before bootstrap.min.js .

<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>

Ideally you'd load your scripts in the footer of your website for better all around performance.