Twitter Bootstrap多个下拉菜单无法正常工作

Question

我在Twitter Bootstrap下拉菜单上遇到了麻烦。第一个下拉列表可以正常运行我发现这篇文章：Bootstrap 2.1.1 dropdowns not working properly但这是直接从twitter引导程序站点复制的编码，在我升级到2.0之前它已经运行了。

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

Answer 1

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

如果您为下拉切换设置data-target="#"，则代码可以正常运行：jsfiddle

注意：如果data-target属性不存在，则会使用href。查看the plugin doc

Answer 2

这似乎是与数据目标属性相关的Bootstrap 2.1.0中的known bug，并且可能会在下一个版本中得到修复。

与此同时，您可以应用其中一个用户提交的修补程序。这将涉及修改js / bootstrap-dropdown.js中的clearMenus函数。

Fix by SoapSeller:

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

Fix by erlendfh:

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

我还没有亲自测试其中任何一个，但SoapSeller将before和after jsFiddles联系起来，说明了他的解决方案。