無法讓下拉菜單正常工作？

Question

剛剛看過Bootstrap工具包，並嘗試讓頂層菜單上的下拉菜單工作。

我對菜單的代碼如下

<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文件的下拉功能太 - http://twitter.github.com/bootstrap/#javascript

Answer 2

嘗試添加數據下拉菜單屬性您最初<li>例如

<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可以做到這一點。你甚至不需要明確地提到引導程序下拉。在兩次不同的場合爲我工作。希望能幫助到你！