Bootstrap 2.1.1 下拉菜单无法正常工作答案

【问题标题】：Bootstrap 2.1.1 dropdowns not working properlyBootstrap 2.1.1 下拉菜单无法正常工作
【发布时间】：2012-09-22 04:12:36
【问题描述】：

升级到 Bootstrap 2.1.1 后，我的下拉菜单出现问题。

我页面上的第一个下拉菜单运行良好。单击时正确打开，然后单击项目、下拉标题或页面时关闭。

但是，我页面上的第二个和第三个下拉菜单（我猜是第一个以外的任何下拉菜单）无法正常工作。

单击项目、页面或其标题时，它们不会关闭。

看了一圈，发现了下面这个sn-p，之前不需要：

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

当我将其包含在我的代码中时，第二个/第三个下拉菜单会在单击页面或项目时关闭。单击标题时，它们仍然不起作用。

这些下拉菜单的 HTML 与第一个下拉菜单的 HTML 完全相同。我找不到任何差异，也没有解释为什么只有第一个下拉菜单可以正常工作。

我在 JSfiddle 上放了一些代码：http://jsfiddle.net/3CysL/1/

【问题讨论】：

【解决方案1】：

您正在将下拉触发器与其父级下拉容器相关联。
这打破了你的触发器，所以改变：

href="#media"    -> href="#"
href="#tools"    -> href="#"
href="#language" -> href="#"

【讨论】：