1

私は自分のjavascriptファイルをチェックしましたが、すべて正しいファイルがあると思います。しかし、ドロップダウンには何も表示されません。

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css" rel="stylesheet">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script>

...
        <div class="span3"><center>       
        <a href="#" class="btn btn-success dropdown-toggle" data-toggle="dropdown">Buy A Contract</a>
        <ul class="dropdown-menu">
            <li><a href="#">Hello World</a></li>
            <li><a href="#">Why am I not seeing this?</a></li>

        </ul>
        </div>

        </center>
        </div>
...
4

2 に答える 2

2

1つの明らかな問題のように見えます:jQuery参照がありません。また、これを含めたので:

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script>

参照する必要はありませんbootstrap-dropdown.js(minファイルにはすべてのプラグインが含まれています)。

編集:

明確にするために、Bootstrapが参照する前のどこかにjQueryライブラリのコピーを指すスクリプトタグが必要なので、頭は次のようになります。

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css" rel="stylesheet">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script>

古いバージョンのBootstrapにリンクしているため、jQueryバージョンをバックアップする必要がある場合があります。Bootstrapソースからエラーが発生する場合は、jQueryのバージョンをに変更して1.8.3ください。

于 2013-03-09T03:34:53.490 に答える
1

Jqueryは、ページ上の他のすべてのスクリプトの前に宣言することが重要です。ヘッダーで、すべてのスクリプトの前に次の行を挿入します。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

ただし、ドロップダウンメニューを作成するための構文も間違っています。以下のようにする必要があります。

        <ul class="nav">
           <li><a href="#">Link</a></li>  
            <li><a href="#">Link</a></li>
             <li class="dropdown"> <!-- this is the item where your dropdown menu will popup-->
             <a data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown <b class="caret"></b></a>

        <ul class="dropdown-menu"><!-- your drop-down -menu-->
            <li><a href="#">nav1</a>
            </li>
            <li><a href="#">nav2</a>
            </li>
         </ul><!-- dropdown menu ends-->
      </li><!-- li with dropdown ends-->
  </ul><!-- Main nav ends-->
于 2013-03-09T03:38:38.350 に答える