單擊文檔時隱藏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(); });