ドロップダウンが動作しないブートストラップピル

Question

ブートストラップからドロップダウンUIエレメントを設定しようとしていますが、キャレットをクリックしてもドロップダウンが表示されません。私はBootstrapのドキュメントとそのソースを見てきましたが、見つからないものは見つかりませんでした。

カスタムJSを表示して表示する必要がありますか？ドキュメントは、私はそれがちょうどうまくいくはずではないように見せました。

ここ

<script src="/assets/jquery.js?body=1" type="text/javascript"></script> 
    <script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script> 
    <script src="/assets/jquery-ui.js?body=1" type="text/javascript"></script> 
    <script src="/assets/bootstrap.js?body=1" type="text/javascript"></script> 
    <script src="/assets/bootstrap-modal.js?body=1" type="text/javascript"></script> 
    <script src="/assets/bootstrap-tab.js?body=1" type="text/javascript"></script> 
    <script src="/assets/bootstrap-transition.js?body=1" type="text/javascript"></script> 
    <script src="/assets/bootstrap-carousel.js?body=1" type="text/javascript"></script> 

は、ここでは、ロードしているので、それが働いていない任意の助けが

Answer 1

をいただければ幸いHTML

<ul class="nav nav-pills"> 
    <li class="dropdown all-camera-dropdown"> 
      <a class="dropdown-toggle" data-toggle="dropdown" href="#"> 
      All Cameras 
       <b class="caret"></b> 
      </a> 
    <ul class="dropdown-menu"> 
      <li data-filter-camera-type="all"><a data-toggle="tab" href="#">All Cameras</a></li> 
      <li data-filter-camera-type="Alpha"><a data-toggle="tab" href="#">Alpha</a></li> 
      <li data-filter-camera-type="Zed"><a data-toggle="tab" href="#">Zed</a></li> 
      <li data-filter-camera-type="Bravo"><a data-toggle="tab" href="#">Bravo</a></li> 

    </ul> 
</li></ul> 

だ....私が含まれてきたJSです同じプラグインを複数回実行する場合は、次のスクリプトをインクルードから削除してください。

bootstrap.jsスクリプトファイル

<script src="/assets/bootstrap-modal.js?body=1" type="text/javascript"></script> 
    <script src="/assets/bootstrap-tab.js?body=1" type="text/javascript"></script> 
    <script src="/assets/bootstrap-transition.js?body=1" type="text/javascript"></script> 
    <script src="/assets/bootstrap-carousel.js?body=1" type="text/javascript"></script> 

を削除し、あなたが再び個々のスクリプトファイルをロードする必要はありませんので、プラグインのすべてをパッケージ化しています。

KEEP

<script src="/assets/jquery.js?body=1" type="text/javascript"></script> 
    <script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script> 
    <script src="/assets/jquery-ui.js?body=1" type="text/javascript"></script> 
    <script src="/assets/bootstrap.js?body=1" type="text/javascript"></script>