jquery - 如何使用 jquery 在单击正文上的任意位置时关闭下拉菜单

Question

Possible Duplicate:
Jquery: drop down menu wont disappear after clicking outside of menu

我最近在 creating google like black menu bar with the dropdown 上找到了一个教程

当我们单击“更多”按钮时，会显示下拉列表，要再次隐藏下拉列表，我们应该再次单击“更多”按钮

但我想通过单击正文上的任意位置来关闭下拉菜单，谁能告诉我如何操作

http://jsfiddle.net/VrmnA/

提前致谢

Answer 1

基本逻辑应该是这样的:如果单击菜单外的任何位置，则关闭下拉菜单:

var dropdown = $('dropdown_selector');
$(document).click(function(e){
    if(e.target === dropdown.get(0))
        {
            // hide dropdawn code here
        }
});

这是一个现场演示:

http://jsfiddle.net/gion_13/VrmnA/7/

附注:该演示适用于最新的 jquery 版本