关闭导航onClick屏幕的任何区域

Question

我有一个下拉导航，它打开onClick。

我想要发生的是，一旦ul打开，我希望它在用户打开任何其他下拉菜单或点击任何远离下拉菜单的位置时关闭。

目前，您必须专门点击父母li才能关闭下拉菜单。

观看演示

http://jsbin.com/icotef#

乙

Answer 1

您可以使用类似

$('body').click(function(){ 
    //if you didn't click on a descendant of the nav 
    if($(this).closest('nav').length === 0){ 
     //close the menus 
     $('.primaryNav li ul').hide(); 
    } 
});