Cocoon字段不受JS影响

Question

我正在使用cocoon为我的用户创建引号。一个Quote的has_many Expense Categories，每个Expense Category有许多Expenses

我加了一些JS，让我每次用户更改费用的价值，它更新总价在另一个输入，但这并不与新工作创建输入。

我确信他们都有相同的类（.expense。价格输入） 我试图用这个小小的一段代码：

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

当我键入现有投入的东西，显示OK 。当我创建费用时，在新创建的输入中输入内容不会触发它。有什么需要初始化的吗？

Answer 1

事件在初始页面加载期间绑定到字段，这意味着动态添加的字段不会被绑定。

但是，您可以将此类事件绑定添加到页面加载时存在的父页（如document），并将选择器作为参数传递给函数。

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