ジャバスクリプト、jQueryの：どのようにクリックイベントのために再聞く

Question

私はクラスnotification-link上のクリックイベントをリッスンしています：

$(document).ready(function(){ 
    $('.notifications-link').click(
     function(){ 
      $('.notifications-popup').addClass('show') 
     } 
    ) 
}); 

が正常に動作します。問題は、クラスnotification-linkを持つ新しいElementをDOMに追加すると、jQueryはそれをリッスンしません。追加されたElementをクリックしても何も起こりません。

どうすれば修正できますか？代わりに

$('.notifications-link').click(function(){...})

使用

$(document).on("click", ".notifications-link", function(){...});

ドキュメントにイベントを添付して、クリックが.notifications-「に着陸したかどうかを確認するためにチェックしているこの方法の

Answer 1

新たに追加されたすべての ".notifications-link"の内容が反映されます。

Answer 2

イベントの削除を使用する必要がありますJSを介して追加された要素に対してイベントが動作するようにします。どのように動作するかjQueryのイベントメソッドのように、クリックなどの詳細な説明については

$(document).ready(function() { 
    $('body').on('click', '.notifications-link', function (e) { 
     $('.notifications-popup').addClass('show'); 
    }); 
}); 

この記事をチェックしてください：あなたは、動的にこれらの新しく作成された要素にさえハンドラをアタッチ必要 http://elijahmanor.com/differences-between-jquery-bind-vs-live-vs-delegate-vs-on/