Jqueryのクリック機能がDOMに追加され、新しい挿入をバインドする方法は？

Question

私は、テーブル1からテーブル2に値をコピーする関数を持っています。この関数は、2番目のテーブルをチェックして、コピーを実行する前に十分な行があることを確認し、十分な行がない場合は、addRows(n)で作成します。

$('#copyTableValues').on('click', function() { 
    // count available rows and add more if needed 
    if(table2Rows < rowsNeeded) 
    { 
     addRows(rowsNeeded - table2Rows); 
    } 

    // copy values from table1 to table2 
    // .... 

}); 

ただし、関数はaddRowsで最後に挿入された行を認識しません。コピー機能を再度クリックすると、コピー機能が認識されます。

これは、jqueryがこの関数の.on('click')の部分でのみDOMへの変更をチェックするためです。クリック後にDOMに追加した場合に再度確認する方法はありますか？

Answer 1

はい、階層内で少し上に移動する必要があります。

試してみてください。

$('body').on('click', '#copyTableValues', function() { 

}); 

これは'#copyTableValues'の任意の追加のための'body'を見て、そして同様にそれらにイベントを適用します。スクリプトがそれらの行に当たったときに既にDOMにロードされている部分だけを扱う方法です。