javascript - Bootstrap 下拉菜单 - 无法正常工作

Question

我正在尝试让 Bootstrap 组件 Dropdown 工作。

<div class="dropdown">
  <a data-toggle="dropdown" href="#">Dropdown trigger</a>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
      <li>Item</li>
  </ul>
</div>

我究竟做错了什么？

http://jsfiddle.net/xDUR9/

Answer 1

将 jquery 添加到您的代码中。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

演示

Answer 2

使用此代码，不要忘记在您的文档中包含 jQuery 和 bootstrap.min.js。

<div class="dropdown">
    <a href="#" data-toggle="dropdown" class="dropdown-toggle">Dropdown <b class="caret"></b></a>
    <ul class="dropdown-menu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
    </ul>
</div>

您可以查看此链接进行现场演示 - http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-dropdowns.php