动态创建HTML的jQuery函数问题

Question

我很难理解为什么这不起作用。

当我创建一个包含其他副本的HTML文件时，它可以正常工作。 当我运行相同并使用脚本创建新副本（HTML完全相同）时，它只适用于新创建的副本/表单。

如果您查看下面的示例并点击顶部的“添加更多”，则会创建该表单的另一个副本。当您单击预设或计算按钮时，它只对新创建的表单不起作用。

http://jsfiddle.net/4sM8p/2/

enter code here

Answer 1

删除多个document.ready(function()个功能。只使用一个。

使用事件委托。

More info here.

变化：

$(".doit").click(function(){...
$(".usingle").click(function(){...
$(".uone").click(function(){...
$(".asingle").click(function(){...
$(".udouble").click(function(){...
$(".adouble").click(function(){...

为：

$("#quotecalc").on("click",".doit",function(){...
$("#quotecalc").on("click",".usingle",function(){...
$("#quotecalc").on("click",".uone",function(){...
$("#quotecalc").on("click",".asingle",function(){...
$("#quotecalc").on("click",".udouble",function(){...
$("#quotecalc").on("click",".adouble",function(){...

Updated fiddle here.