繭のフィールドはJSの影響を受けません

Question

私は繭を使用してユーザーの引用符を作成しています。 Quote has_manyのExpense Categories、および各Expense Categoryは、私は毎回私のユーザーが費用の値を変更するように、それは別の入力に合計金額を更新しますが、これは、新たに動作しない、いくつかのJSを追加し、多くのExpenses

を持っています作成された入力。

私は彼らのすべてが（.expenseが.price入力） 私はこのコードの小さな作品にしようとした同じクラスを持っていたことを確認した：

$('.expense .price-input').keyup(function() { 
    alert('OK'); 
    }); 

私は、既存の入力中に何かを入力し、[OK]が表示されます。経費を作成するときに、新しく作成された入力に何かを入力しても、それをトリガーしません。初期化するものはありますか？

Answer 1

イベントは最初のページの読み込み中にフィールドにバインドされます。つまり、動的に追加されるフィールドはバインドされません。

ただし、ドキュメントなどのページがロードされたときに存在する親にこのようなイベント・バインディングを追加し、そのセレクターを関数に引き渡すことができます。

$(document).on('keyup', '.expense .price-input', function(){ 
    alert('OK'); 
});