on（）メソッドがlive（）として機能しない

Question

一部のメソッドを$(selector).live('click', function(){});から$(selector).on('click', function(){});に変更しました。

最初はまったく同じように動作するようです。しかし、DOMに新しいhtmlを挿入すると、同じセレクタで挿入された新しい要素は、$(selector).on('click', function(){});でキャッチされず、live（）メソッドでキャッチされる前に挿入されます。

なぜですか？私は何かが欠けている？

Answer 1

.onは、.liveと比較して異なるパラメータセットをとります。 1つをもう1つの に置き換えることはできません（そして $(selector).on.liveは意味をなさない） 。

正しい構文は次のとおりです。

$(document).on('click', selector, function(){}); 

これは、それらがDOMに追加されたときに関係なくselectorと一致していないすべての要素にバインドします。

注：

代わりのdocument、あなたがいる限り、その親がDOMにとどまるように、要素（複数可）の親を使用することができます。例えば

：

<div id="myDiv"> 
    <p>Hello World</p> 
    <p>Hello World</p> 
</div> 

次に、あなたが行うことができます：イベントが#myDivに追加されたすべての<p>タグを起動します]をクリックし

$('#myDiv').on('click', 'p', function(){}); 

を。

注：

$(selector).on('click', function(){}) 

が

$(selector).bind('click', function(){}) 

をやってと同じである（jQueryの1.7.1が.on代わりの.bindを使用することを提案している）