jqueryを.onに変更する

Question

.live()を.on()に変更しようとしています。以前は廃止されました。

私はそれがどのように動作するかを理解するのに苦労しています。私はこのコードを使用し、それがうまく働いた前に...

$('#lightBoxClose').live('click', function() { 
    $('#lightBox').fadeOut(); 
}); 

は、だから私は

$('#lightBoxClose').on('click', function() { 
    $('#lightBox').fadeOut(); 
}); 

、それを変更しようとしたが、それは動作しません。誰も私がやっていることになっていますかを説明してくださいすることができますありがとう。

Answer 1

あなたは2番目の引数としてターゲットセレクタを渡し、すでに結合時に存在している要素にバインドする必要があります。その要素は最終的なクリックターゲットの祖先でなければならず、バブリングされたイベントを捕捉できます。この技術は委任と呼ばれています。

$(document).on('click', '#lightBoxClose', function() { 
    $('#lightBox').fadeOut(); 
}); 

Answer 2

SOの周りに投稿されているので、投稿する前に検索を使用してください。

参照：JQuery switching application from "live" to "on" method

$(document).on('click', '#lightBoxClose', function() { 
    $('#lightBox').fadeOut(); 
});