動態創建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.