jquery - jQuery on（）メソッドはlive（）のようにイベントをバインドしません

Question

で説明されているようにhttp://api.jquery.com/live/：

jQuery 1.7以降、.live（）メソッドは非推奨になりました。.on（）を使用して、イベントハンドラーをアタッチします。

右。だから代わりに

$('.dynamicallyCreatedElement').live('click', function(){
  console.log('click');
});

私は使用する必要があります：

$('.dynamicallyCreatedElement').on('click', function(){
  console.log('click');
});

on()ただし、呼び出し後に作成された要素にイベントをバインドしません。それで、それは本当に良いlive()方法ですか？

私は何かが足りないのですか？

score 63 · Accepted Answer

作業に使用onしたのと同じ方法で使用するには、次のようlive に使用する必要があります。

$(document).on("click", ".dynamicallyCreatedElement", function() {   
    console.log('click'); 
});

したがって、onハンドラーをdocumentそれ自体にバインドし（または、実際には、新しいファイルが「表示される」コンテナー要素-明確化のための@ devnull69に感謝します）、イベントタイプとセレクターを渡します。

liveドキュメントページの途中にいくつかの例があります。

score 13 · Accepted Answer

$('#closestStaticParent').on('click', '.dynamicallyCreatedElement' function(){
    console.log('click');
});

score 4 · Accepted Answer

デリゲート（）として使用

$('body').on('click', '.dynamicallyCreatedElement', function () {
});

編集：誰もがそれを理解できるように、delegate（）を使用する場合、セレクターは最初の引数であり、on（）では2番目の引数です。

score 2 · Accepted Answer

私はこのアプローチを次のように使用する必要があることを発見しました：

$('#container').on('click','.dynamicallyCreatedElement',function(){
    console.log('click');
});

4 に答える 4