引导下拉菜单无法正常工作

Question

请在下面找到 jsFiddle。我正在尝试实现一个简单的 Bootstrap 下拉按钮，但我无法实现它。

谁能告诉我我错过了什么。

html

<div class="dropdown">
  <button class="btn dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
    Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
  </ul>
</div>

JS

$('.dropdown-toggle').dropdown();
$('#dropdownMenu1').dropdown('toggle');

请在下面找到小提琴链接：

http://jsfiddle.net/rohan2911/BVZ6G/

Answer 1

你的小提琴需要 jQuery：

http://jsfiddle.net/isherwood/BVZ6G/1

Uncaught Error: Bootstrap requires jQuery bootstrap.min.js:6
Uncaught ReferenceError: $ is not defined