ドロップダウンが機能しないのですか？

Question

ちょうどブートストラップツールキットを見て、ドロップダウンがトップメニューで動作するようにしようとしました。

<div class="topbar"> 
    <div class="fill"> 
    <div class="container"> 
     <ul class="nav"> 
     <li class="active"><a href="/index.php">Home</a></li> 
     <li><a href="/about.php">About Us</a></li> 
     <li><a href="/news.php">Site News</a></li> 
     <li class="dropdown"> 
      <a href="#" class="dropdown-toggle">Community</a> 
      <ul class="dropdown-menu"> 
      <li><a href="/chatroom.php">Chatroom</a></li> 
      <li class="divider"></li> 
      <li><a href="/forums.php">Forums</a></li> 
      </ul> 
     </li> 
     </ul> 

     <form class="pull-left" action=""> 
     <input type="text" placeholder="Search" /> 
     </form> 
     <ul class="nav secondary-nav"> 
     <li class="dropdown"> 
      <a href="#" class="dropdown-toggle">Account</a> 
      <ul class="dropdown-menu"> 

      <li><a href="/profile.php?id=<? echo $_SESSION['id'];?>">Profile</a></li> 
      <li><a href="/settings.php">Settings</a></li> 
      <li><a href="/messages.php">Messages</a></li> 
      <li class="divider"></li> 
      <li><a href="/maintenance/admin.php">Admin</a></li> 
      <li class="divider"></li> 
      <li><a href="/process.php">Logout</a></li> 
      </ul> 
     </li> 
     </ul> 

    </div> 
    </div> 

</div> 

を次のように

メニューのため、私が持っているコードがクリックされたときのドロップダウンは何もしていないのですか？

以下のCSSファイルが含まれています。

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css"> 

誰でも私を助けることができますか？おかげさまで

Answer 1

は、あまりにもドロップダウン機能のためにJavaScriptファイルを追加しよう - あなたの最初の<li>例えばにデータ・ドロップダウンプロパティを追加http://twitter.github.com/bootstrap/#javascript

Answer 2

てみてください

<li class="dropdown" data-dropdown="dropdown"> 

これが役立ちます。

Answer 3

jqueryへの参照とページ内のブートストラップjsへの参照があることを確認する必要があります。

例えば

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
<script src="http://twitter.github.com/bootstrap/1.4.0/bootstrap-dropdown.js"></script> 

次に、あなたのどちらかがdata-dropdown="dropdown"、あなたのコンテナのいずれかに属性を与える必要があり、または明示的にjqueryのを使用して、ドロップダウンコンテナとしてコンテナを設定し、$('#mycontainerid').dropdown();

Answer 4

は、一般的にjQueryの上で参照しましたブートストラップはそのトリックを行います。 bootstrap-dropdownを明示的に指定する必要はありません。 2つの異なる機会に私のために働いた。それが役に立てば幸い！