Javascript Jquery添加动态创建的内容未发生总和

我有一个表格，当我输入一个数字和“键控”时，它应该显示总数。但是，只要表单是静态的，它就可以正常工作，但是如果动态生成，它就不能工作

我已经添加了一个js的小提琴链接，任何帮助我感谢

---

我是JS新手。

将事件委托给更高级别的元素。例如，如果您的

表单

元素被包装在

节

元素中，您可以使用：

$('section').on('keyup', 'div.product-lines', function(event) {
    ...
});

有关委托在jQuery中的工作方式的详细信息，请参阅

---

此外，

输入

元素是自动关闭的<代码>无效，应替换为

在创建新行后，您必须更新

productPrice

变量

productPrice = $("input[name=product-price]")

---

要将事件绑定到动态插入的元素，请尝试：

$（document）.on（“keyup”，“div.product-line”，函数（事件）{

---

此语法将事件侦听器绑定到文档本身，而

$（productLines）。在（“keyup”上，函数（event）{

仅在该行代码触发时绑定到页面上当前存在的元素。

谢谢！我只是删除标记并检查代码，将检查并告知您。我尝试了我的案例$（“.content”）。在也正如詹姆斯·达菲建议的那样，$（文件）但它仍然不总计。它只输出第一行。帮助非常有用。@Zinox尝试调用

输入

元素本身的

keyup

事件。您当前在

div

元素上调用它，而

div

元素没有

值

属性。您的意思是这样吗？@McCheeselt怎么办我打算这么做？对不起，我是一个JS新手。你可以运行上面的代码。在页面加载中，如果你有2个产品价格字段，你的产品价格将包含2个项目。如果你动态添加另一个产品价格字段，你的产品价格变量将仍然有2个项目，并且不会包含新添加的项目。有意义吗？@McCheeselt我有一个类似的变量文档加载后的顶部，但它仍然只占第一行，并且不累加。

$('section').on('keyup', 'div.product-lines', function(event) {
    ...
});

productPrice = $("input[name=product-price]")