關閉導航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(); 
    } 
});