在點擊文檔時隱藏div而不是在點擊特定鏈接時隱藏div

Question

$(document).click(function() { 

    $('#my_div').fadeOut(350); 

}); 

我想在用戶點擊文檔時隱藏這個div，而不是當他點擊某個鏈接例如#my_link。我怎樣才能做到這一點？由於

Answer 1

傳遞事件對象的點擊功能，檢查ID：

$(document).click(function (event) { 
    var idName = event.target.id; 
    if(idName == "my_link"){ 
     return false; 
    }; 
    $('#my_div').fadeOut(350); 

}); 

這樣你就不必添加額外的事件監聽器:)

這種方法也是可擴展的，你必須要包含在未來的其他鏈接...

Answer 2

一個簡單的方法是將事件添加到您的鏈接，並使用stopPropagation：

$('#my_link').click(function(e){ 
    e.stopPropagation(); 
}) 

Answer 3

使用stopPropagation（http://api.jquery.com/event.stopPropagation/）

$('a#my_link').click(function(event) { event.stopPropagation(); });