twitter-bootstrap - Twitter Bootstrap 多个下拉菜单不起作用

Question

我在使用 Twitter Bootstrap 下拉菜单时遇到问题。第一个下拉菜单有效，但其他所有下拉菜单无效。我发现这篇文章：Bootstrap 2.1.1 下拉菜单无法正常工作，但这是直接从 twitter bootstrap 站点复制的代码，在我升级到 2.0 之前它可以工作。

这是一个 JSFiddle 链接http://jsfiddle.net/unWCN/

score 3 · Accepted Answer

问题在于您的data-target属性。它们应该指向特定的下拉父级，或者#如果您使用默认标记。

如果您设置data-target="#"下拉切换器，您的代码可以正常工作：jsfiddle

注意：如果该data-target属性不存在，href将使用。检查插件文档

score 2 · Accepted Answer

这似乎是 Bootstrap 2.1.0 中与 data-target 属性相关的一个已知错误，并且可能会在下一个版本中修复。

同时，您可以应用用户提交的修复程序之一。这将涉及修改clearMenusjs/bootstrap-dropdown.js 中的函数。

function clearMenus() { 
    $(toggle).parent().removeClass('open')  
}

function clearMenus() {
    $(toggle).each(function () {
        getParent($(this)).removeClass("open")
    })
}

我没有亲自测试过这些，但 SoapSeller在 jsFiddles之前和之后链接，说明了他的解决方案。

2 回答 2