添加新项目的功能

Question

我有发票。 订单项排列在一个表格中，基本上是这样的：

| product name (drop down select menu) | price | quantity | line total |

我有这个JavaScript文件： http : //pastie.org/3021944 。

如果我正在编辑发票，则当我从下拉菜单中选择其他产品来更改产品时，它将填充价格字段，发票的总金额和总计。 该文件还将添加具有表单字段的新行，并删除表行。

一切正常，直到我单击“添加新行”以将新产品添加到发票。 但是然后，仅在这些添加的行上，该新行的价格和总计不会更新，而只是空白。

Answer 1

您需要将事件附加到on（）上，以便自动添加动态添加的内容

我的防火墙阻止了您的链接，但是像这样：

$(document).on("blur", ".someSelector", function() {
   //your handler
});

如果您使用的是jQuery 1.7，或者使用的是旧版的jQu​​ery，则可以使用委托

$(document).delegate(".someSelector", "blur", function() {
   //your handler
});

不住使用，因为它已过时

Answer 2

我认为您必须利用live（）函数。

现在和将来为与当前选择器匹配的所有元素附加事件处理程序。

这意味着它将应用于设置事件后添加的任何将来的控件。

更新 ：似乎不推荐使用live（尽管在1.7中以注释状态实现）。 因此，亚当·拉基斯（Adam Rackis）的答案似乎更合适。