jquery - 特定のリンクをクリックしたときではなく、ドキュメントをクリックしたときに div を非表示にする

Question

$(document).click( function () {

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

});

ユーザーがドキュメントをクリックしたときにこの div を非表示にしたいのですが、#my_link などの特定のリンクをクリックしたときは非表示にしないでください。これどうやってするの？ありがとう

Answer 1

簡単な方法は、リンクにイベントを追加して使用することstopPropagationです:

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

Answer 2

イベントオブジェクトをクリック関数に渡し、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(); });