jquery - 带有导航的 Twitter Bootstrap 按钮下拉菜单不起作用

Question

我正在为按钮创建一个下拉菜单，当导航栏下拉菜单存在时，我无法让下拉菜单工作（http://jsfiddle.net/8XTkq/1/）

我已经使用 twitter bootstrap 页面中的示例（复制和粘贴）进行了尝试，但它不想工作。我也用链接尝试过，但也没有用...

<div class="btn-group">
  <a class="btn btn-primary" href="#"><i class="icon-user icon-white"></i> User</a>
  <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
  <ul class="dropdown-menu">
<li><a href="#"><i class="icon-pencil"></i> Edit</a></li>
<li><a href="#"><i class="icon-trash"></i> Delete</a></li>
<li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li>
<li class="divider"></li>
<li><a href="#"><i class="i"></i> Make admin</a></li>
  </ul>
</div>

我会错过什么？

Answer 1

在 JSFiddle 中使用外部资源时，请将它们包含在左侧的“外部资源”面板中，而不是直接包含在代码中。此外，将 CSS 和 JS 放入相应的框中。一旦我这样做了，一切都奏效了。JSFiddle：http ://bit.ly/13KmiJu （对不起，我不允许我包含没有代码的直接 JSFiddle 链接）