jquery関数はライブで動作し、

Question

の優先メソッド呼び出しを使用しようとしていますが、のコードはで動作しませんが、ライブメソッドで動作します。

私は単純なボタン要素を持っています。

<button id="EditVal" name="EditVal" style="btn" value="Edit Debt">Edit Debt </button> 

私はライブメソッドを使用している場合、このコードは動作します：

$("#EditVal").live("click", function(e){ 
    alert('Edit this Val'); 
}) 

しかし、これは

$("#EditVal").on("click", function(e){ 
    alert('Edit this Val'); 
}) 

私が間違って何をしていないのですか？

Answer 1

：

はこれを試してみてください。 EditValがpageloadに存在しない場合、onがEditValで動作するように設定されている理由は次のとおりです。それは私が想定していないので、最初のページの読み込みの後半にバインドすることができるライブ関数が必要です。私はそれが最初の場所で生きている背後にある元の考えだと思う。あなたがライブではなくオンを使用している理由は何ですか？

Answer 2

bind()のようにon()を使用していますが、live()とは異なります。 live()ようにそれを使用するには、次のように記述する必要がありますパフォーマンス上の理由から、すなわちdelegate()代わりのlive()のようにそれを使用するために、代わりにdocumentの非動的祖先要素にon()を呼び出すことが望ましいですが、

$(document).on("click", "#EditVal", function(e) { 
    alert('Edit this Val'); 
}); 

注意を。

Answer 3

onを使用すると、ページの読み込み時にイベントが添付されます。コンテンツを動的に読み込んでいるときは、delegateと同じようにonを使用する必要があります。ハンドラを親要素に置き、フィルタリングセレクタを渡します。あなたが動的にページ上のHTML要素をドロップするなら、あなたはライブ必要

$("#ParentOfEditVal").on("click", "#EditVal", function(e){ 
    alert('Edit this Val'); 
}) 

Answer 4

.on（）はイベントをDOM内のオブジェクトにバインドするというロジックです。次に、パラメータとしてセレクタを指定して、トリガするイベントの子要素を見つけます。

$("#parent_has_to_be_in_dom").on("click", "#myButton", function(event) { 
    // should work like live 
    alert("well hello"); 
});