bootstrap下拉按钮：如何在单击页面的其他部分时隐藏下拉菜单？

Question

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

See the above link, when the dropdown-menu is shown, the outer div with btn-group will automatically add a class "open", when i click other part of the page, the "open" class is removed so the dropdown-menu disappears.

My question is how to impl "click other part of page so the "open" class is removed?

Answer 1

You can use a simple JavaScript to reset:

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

I don't understand why you are asking this question, because, this is handled by BootStrap itself.