jQuery點擊其他元素

Question

我有一個菜單配置文件的鏈接。它有一個名爲「用戶按鈕」的類。當用戶點擊它時，jquery將另一個類添加到ul列表中以顯示它。

$(".user-button").click(function() { 
    if(!$(".arrow").hasClass('toggle')) { 
     $(".arrow").addClass('toggle'); 
     $(".profile-action").addClass('display-it'); 
    } else { 
     $(".arrow").removeClass('toggle'); 
     $(".profile-action").removeClass('display-it'); 
    } 
}); 

圖片參考：http://cl.ly/0R1u3A0h341s2w3a3Y3L

如何使用戶點擊其他元素，如車身，收「的.profile行動」？ 例如：臉書無mod

謝謝。

Answer 1

添加到您的代碼：

$('html').click(function() { 
    $(".arrow").removeClass('toggle'); 
    $(".profile-action").removeClass('display-it'); 
}); 

，改變你目前的代碼，以防止propgation：

$(".user-button").click(function(event) { 
    event.stopPropagation(); 
    if(!$(".arrow").hasClass('toggle')) { 
     $(".arrow").addClass('toggle'); 
     $(".profile-action").addClass('display-it'); 
    } else { 
     $(".arrow").removeClass('toggle'); 
     $(".profile-action").removeClass('display-it'); 
    } 
});