如何使jAutoCalc在动态添加的元素上工作

Question

让我解释一下我在做什么：我有一个Orders表，可以在其中添加、删除和编辑客户的订单。添加和删除操作一切正常。但当谈到编辑时，我遇到了一些麻烦。我所做的是从DATABASE中提取数据(使用codeigner(，并将其显示到编辑模式，这样，如果客户愿意，我就可以编辑它们。客户的信息(名称、地址、状态等(加载良好，但当我用产品加载他的订单并使用(jQuery，ajax(动态添加它们时，Item total字段(使用jAutoCalc插件计算产品订单的总和*其单价(似乎不起作用。当我不动态添加数据时，插件工作得很好。有没有办法解决这个问题或添加一些能让它发挥作用的东西？这是我的代码

var thehtml = ''
for(i=0; i<data[1].length; i++){
thehtml += 
'<tr class=cmd'+id+'>'+
'<td>'+
'<select name="products" id="productselect>"'+
'<option data-price="39" value="1">Knife</option>'+
'<option data-price="3" value=2">Bottle</option>'+
'<option data-price="4" value="3">Pen</option>'+
'</select>'+
'</td>'+
'<td><input type="text" name="qty" value="39"></td>'+
'<td><input type="text" name="price" value="33"></td>'+
'<td><input readonly type="text" jAutoCalc="{qty} * {price}"/>'+ /// THIS DOESNT WORK IT'S DYNAMICALLY ADDED !!!!
'<button type="button" name="add" value="Add" class="tr_clone_remove  btn btn-danger">Remove</button>'+'</td>'+
'</tr>;';
$(thehtml).insertAfter(itemselement); 

请注意，所有工作都可以在非动态添加的元素中找到。但是，每当我动态添加这些表时，什么都不起作用！请帮我修一下！

Answer 1

在初始化jAutoCalc之后向DOM添加元素时，插件不知道有新元素。您需要初始化这些元素上的jAutoCalc。

你可以简单地做一些类似的事情

$(thehtml).jAutoCalc();

添加新行之后。

如果不起作用，试试

$('form').jAutoCalc();

这一切都取决于你的HTML结构，但你只需要重新初始化它