为什么下拉不能正常工作

时间:2015-04-03 18:50:18

标签: html css twitter-bootstrap drop-down-menu

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

          <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 部分标记为红色: my web page

我正在做什么错误吗?这里使用的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>

这是我的引导包含部分。

1 个答案:

答案 0 :(得分:0)

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

添加此JavaScript部分。它位于文档Doc

工作小提琴Fiddle