djangoブートストラップドロップダウンが動作しません

Question

私はdjangoベースのWebサイトを構築しています。低解像度（モバイルビュー）でNavbarを折りたたむためにNavbarのブートストラップドロップダウンを使用していますが、ボタンをクリックするとNavbarがドロップダウンしません。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 

<nav id="main-menu" class="navbar" role="navigation"> 
     <div class="navbar-header"> 
      <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" 
        data-target=".navbar-cat-collapse"> 
       <span class="sr-only">Toggle Navigation</span> 
       <i class="fa fa-bars"></i> 
      </button> 
     </div> 
     <div class="collapse navbar-collapse navbar-cat-collapse"> 
      <ul class="nav navbar-nav"> 
       <li><a href="{% url 'home_page' %}">Home</a></li> 
       <li><a href="#">About</a></li> 
       <li><a href="#">Pages</a></li> 
       <li><a href="{% url 'contact_page' %}">Contact Us</a></li> 
      </ul> 
     </div> 
    </nav> 

Answer 1

は、私の知る限り、ブートストラップを知っているように崩壊などのアニメーションのものを行うための独自のjavascriptライブラリを使用しています。そのため、jsファイルもインポートする必要があります。 ブートストラップJSライブラリがjqueryを使用しているので、あなたが jqueryのをインポートの下に、このラインを入れなければならないことを、あなたの最初の<script>タグの下

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 

ノートをこの行を置きます。それ以外の場合は動作しません。