2016-07-15 16 views
-1

私のブートストラップのドロップダウンが機能しません。私はこの質問を既に研究しており、私が今までに得た答えはすべて私のために働いていない。私はGoogle ajax jsを追加しようとしましたが、それは役に立ちませんでした。ブートストラップmini.jsの上にあるAjaxを移動しましたが、それでも動作しませんでした。どんな助け?Bootsrapドロップダウンが機能しない

<nav class="navbar navbar-default"> 
 
    \t \t <div class="container-fluid"> 
 
\t \t \t <div class="navbar-header"> 
 
\t \t  \t <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> 
 
\t \t \t   <span class="sr-only">Toggle navigation</span> 
 
\t \t \t   <span class="icon-bar"></span> 
 
\t \t \t   <span class="icon-bar"></span> 
 
\t \t \t   <span class="icon-bar"></span> 
 
\t \t  \t </button> 
 
\t \t  \t <a class="navbar-brand" href="#">DPC</a> 
 
\t \t  </div> 
 

 
\t  \t <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
 
\t  \t \t <ul class="nav navbar-nav"> 
 
\t  \t \t \t <li class="active"><a href="index.html">Home<span class="sr-only">(current)</span></a></li> 
 
\t  \t \t \t <li><a href="builds.html">Builds</a></li> 
 
\t  \t \t \t <li><a href="services.html">Services</a></li> 
 
\t  \t \t \t <li><a href="ratings.html">Ratings</a></li> 
 
\t  \t \t \t <li><a href="pricing.html">Pricing</a></li> 
 
\t  \t \t </ul> 
 

 
\t  \t \t <ul class="nav navbar-nav navbar-right"> 
 
\t  \t \t \t <li class="dropdown"> 
 
\t \t \t \t   <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Social<span class="caret"></span></a> 
 
\t \t \t \t   <ul class="dropdown-menu"> 
 
\t \t \t \t    \t <li><a href="http://www.instagram.com">Instagram</a></li> 
 
\t \t \t \t    \t <li><a href="http://www.twitter.com">Twitter</a></li> 
 
\t \t \t \t   \t <li><a href="http://www.facebook.com">Facebook</a></li> 
 
\t \t \t \t   </ul> 
 
\t \t \t \t  </li> 
 
\t  \t \t </ul> 
 
\t \t  </div> 
 
    \t \t </div> 
 
\t </nav>

+0

関連するコードを追加してください。 –

+2

コードを表示していないと、どうして大いに役立つでしょうか?あなたのコンソールに何かエラーがありますか? – DavidG

+1

あなたの質問にはより多くの情報を提供する必要があります。いくつかのサンプルコードは、あなたが直面している問題の説明に続く素晴らしいスタートです。 – Yoda

答えて

0

あなたがする必要がある最初の事はあなたのブラウザで開発ツールを開いています。そこにコンソールを見つけるつもりです、このコンソールはほとんど確実にjQueryが利用できないことを伝えています。通常、これは正しい順序で組み込んでいないためです。

jQueryでブートストラップが正しくdependencyに設定されていると、自動的にイベントがドロップダウンにバインドされるので、余分なコードは必要ありません。

+1

ありがとうございました:)それはうまくいくようです。 – fiterpilot

関連する問題