javascript - 引导下拉按钮：单击页面的其他部分时如何隐藏下拉菜单？

Question

http://twitter.github.com/bootstrap/components.html#buttonDropdowns

参见上面的链接，当dropdown-menu显示时，外部 divbtn-group会自动添加一个类“open”，当我单击页面的其他部分时，“open”类被删除，因此下拉菜单消失。

我的问题是how to impl "click other part of page so the "open" class is removed?

Answer 1

您可以使用简单的 JavaScript 来重置：

$("body").click(function(){
    $(".open").removeClass("open");
});

我不明白您为什么要问这个问题，因为这是由 BootStrap 本身处理的。