jQuery函数问题与动态创建的HTML

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

当我创建一个填充了额外副本的HTML文件时，效果很好。 当我运行相同的脚本并使用脚本创建新副本（HTML完全相同）时，它对新创建的副本/表单不起作用

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

---

删除多个

document.ready（function（）

函数。仅使用一个

使用事件委派

更改：

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

致：

$(".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(){...