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

时间:2013-10-22 16:42:28

标签: jquery

$(document).click( function () {

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

});

我希望在用户点击文档时隐藏此div,但是当他点击特定链接时(例如#my_link)则不会。我怎样才能做到这一点?感谢

3 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:1)

事件对象传递给您的点击功能并检查ID:

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

});

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

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

答案 2 :(得分:0)

使用stopPropagation(http://api.jquery.com/event.stopPropagation/

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