javascript - Twitter Bootstrap 下拉菜单 - onclick 将 'open' 类放在祖先 ul 而不是子 ul 上

Question

这是我的问题，我正在尝试帮助 friend 进行 Twitter Bootstrap 更新 - 特别是导航栏。当我单击具有下拉菜单的项目时，菜单不会打开。

我的问题是下拉菜单无法打开。我的调查显示 bootstrap 的 javascript 将开放类应用到了错误的 ul，因此下拉列表永远不会出现。

我已按照 http://twitter.github.com/bootstrap/javascript.html#dropdowns 上的说明进行操作来设置这一切。据我所知，所有设置都是正确的。

我已经导出了一个自定义 Bootstrap ，其中包含下拉列表。

页面在 JavaScript 控制台中运行时没有错误。

根据我的调查，我发现当您单击“打印”(有一个下拉菜单)时，它实际上会转到 ul.level-0.nav 并添加“open”类。这是一个问题，因为它实际上需要将该类应用于 a.dropdown-menu。

请参阅此处的结构:

ul.level-0.nav
   li.dropdown
       a.dropdown-toggle
       ul.dropdown-menu

为了重现这个问题，

第 1 步:http://jsfiddle.net/uGGgS/1/在 Chrome 中

第 2 步:打开 chrome 对象检查器(如果您使用的是 firefox，则打开 firebug，或者如果您使用的是 IE，则下载 chrome 并为使用 IE 责备自己)

第 3 步:深入查看 li.haschild.dropdown a:contains('print')

第 4 步:单击“打印”菜单项，请注意 ul.level-0.nav 现在具有“open”类。另请注意，没有显示下拉菜单:(

第 5 步:将类 open 添加到 print 下方的 ul.dropdown-toggle 中，并注意出现下拉菜单。

这里有人知道我做错了什么吗？我已经在页面上进行了 w3c 验证，并且没有错误表明 html 页面具有未封闭的标记。

谢谢。

Answer 1

根据我的测试，我注意到文档中包含的旧版本 bootstrap.min.js 与您的标记冲突，将其更新到最新版本可以修复该问题。