单击文档时隐藏div，但单击特定链接时不隐藏

Question

$(document).click( function () {

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

});

我想在用户单击文档时隐藏此div，但在他单击e特定链接（例如#my_link）时不希望隐藏。 我怎样才能做到这一点？ 谢谢

Answer 1

一种简单的方法是将事件添加到链接并使用stopPropagation ：

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

Answer 2

将事件对象传递给您的click函数，并检查ID：

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

});

这样，您不必添加额外的事件监听器:)

此方法也是可扩展的，如果您将来希望包含其他链接...

Answer 3

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

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