0

这是我的问题，我正在尝试通过 twitter 引导程序更新来帮助朋友 - 特别是导航栏。当我单击具有下拉菜单的项目时，菜单不会打开。

我的问题是下拉菜单不会打开。我的调查表明，引导程序的 javascript 将开放类应用于错误的 ul，因此下拉菜单永远不会出现。

我已按照http://twitter.github.com/bootstrap/javascript.html#dropdowns上的说明进行了全部设置。据我所见，一切设置正确。

我已经导出了一个自定义引导程序，其中包含下拉菜单。

该页面在 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/铬

第 2 步：打开您的 chrome 对象检查器（如果您在 firefox 中，或者如果您在 IE 中，则打开 firebug，然后下载 chrome 并为使用 IE 打自己一巴掌）

第 3 步：深入研究li.haschild.dropdown a:contains('print')

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

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

Anyone here know what I am doing wrong? I've done a w3c validate on the page and it had no errors that indicated the html page had unclosed tags.

Thanks.

4

1 回答 1

2

From my test i noticed that the older version of the bootstrap.min.js being included in your document is conflicting with your markup and updating it to the latest fixes the issue.

于 2012-04-17T13:02:42.583 回答