为什么下拉不能正常工作

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