茧田不受JS影响

Question

我正在使用 Cocoon 为我的用户创建报价。一个Quotehas_manyExpense Categories，每个Expense Category有多个Expenses

我添加了一些 JS，以便每次我的用户更改费用值时，它都会更新另一个输入中的总价，但这不适用于新创建的输入。

我确保他们都有相同的类 (.expense .price-input) 我尝试了这段代码：

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

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

Answer 1

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

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

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

Cocoon fields are not affected by JS