のonclickイベントに動的に追加するボタン

Question

を追加する方法を動的に

$("tr").html("<button class='new'><span>next-</span></button>" + OriginalContent + "") 
 

 
$('body').on('click', 'button .new', function() { 
 
    //Some 
 
});

が、そのあなたが削除する必要が

Answer 1

を働いていない作成されたボタンのクリックイベントに追加する方法セレクタ内のスペースとしてセレクタの間に子孫との一致を示す。パフォーマンス向上のためのイベントの委任を使用した場合

$("tr").on('click', 'button.new', function() { 

常にstaticParentElementを使用しています。

Answer 2

はこれを試してみてください：

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

Answer 3

はbuttonと.newの間のスペースを削除します。そうでなければ、.new要素はbuttonの中にしか見られませんが、これは決して起こりません。

$('body').on('click', 'button.new', function() { 
    // ... 
});