为什么下拉不能正常工作

Question

我正在尝试在我的网站上提供一个下拉菜单，但由于某种原因，此下拉菜单无效。我无法找出原因。我的代码是这样的：

          <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>

我的网页快照， li 部分标记为红色：

我正在做什么错误吗？这里使用的css文件是来自bootstrap官方网站的bootstrap.min.css。 编辑：

<!--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