jqueryダイナミック追加ボタン、ボタンクリックイベントが無効になります

486 ワード

今日、このような問題に遭遇しました.
问题详述:ページ上のデータはダイナミックに追加(append)する必要がありますが、ダイナミックに追加したボタンのクリックイベントは失効します.これでどう解决しますか?
理由分析:appendのノードはドキュメント全体のロードが完了した後に追加を開始するため、ページはappendの要素の初期化にクリックイベントを追加しません.
ボタン失効コード:
$('.edit').click(function(){
    console.log('111111');
})

正しいコード:指定したイベントをdocumentにバインドするには、イベント委任方式を使用します.
$(document).on('click','.edit',function(){
    console.log('111111');
})