jquery - 如何绑定事件以隐藏菜单

Question

我创建了一个小插件来在单击 div 时显示下拉菜单。

下面是让它工作的代码

$('#clickable_div').click(function() {
    $('#nav_menu').showMenu({
        parent:'#clickable_div' 
    });                
});

带有插件的 Jsfiddle：http: //jsfiddle.net/HtNK3/

所以现在基本上我想添加一个功能，当用户单击文档中的任何位置而不是打开的下拉 div 时，我需要隐藏下拉 div

如何实现？

Answer 1

我正在使用这样的东西：

//Close popup menus by clicking anywhere
$("body").mouseup(function(event){
        if (!$(event.target).hasClass("YOUR_CLASS_HERE")) {
        $("#nav_menu").hide();
    } 
});

Answer 2

当鼠标离开下拉菜单（mouseleave事件）然后隐藏 div 时，我会使用 setTimout。很常见也很容易。

错误但基本的示例：http: //jsfiddle.net/HtNK3/5/