在点击文档时隐藏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(); });