爲什麼下拉不能正常工作

Question

我想給我的網站下拉菜單，但由於某種原因，這下拉不工作。我無法找出原因this.My代碼是這樣的：

  <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">More Categories <span class="caret"></span></a> 
      <ul class="dropdown-menu" role="menu"> 
       <li><a href="#">category1</a></li> 
       <li><a href="#">category2</a></li> 
       <li><a href="#">category3</a></li> 
       <li class="divider"></li> 
       <li class="dropdown-header">Nav header</li> 
       <li><a href="#">Separated link</a></li> 
       <li><a href="#">One more separated link</a></li> 
      </ul> 
      </li> 

我與李部分網頁快照標紅：

有什麼錯誤我在這個東西做出來這裏有正在使用的CSS文件bootstrap.min.css從bootstrap的官方網站。 編輯：

<!--core CSS --> 
<link href="bootstrap.min.css" rel="stylesheet"> 
<link href="categories.css" rel="stylesheet"> 

<!-- Custom styles for this template --> 
<link href="buysell.css" rel="stylesheet"> 

<script src="ie-emulation-modes-warning.js"></script> 
<script type="text/javascript"> 
    $('.dropdown-toggle').dropdown() 
</script> 

這是我的引導包含部分。

Answer 1

$('.dropdown-toggle').dropdown() 

添加此JavaScript部分。這是文檔Doc

工作撥弄Fiddle