用jQuery克隆HTMLElements奇怪地失敗

Question

我遇到了jQuery和.clone(true, true)的問題。看看on this jsFiddle。

問題是：當我克隆一個對象（使用.clone(true, true) - deep：數據和事件）時，這些事件可以工作，但是在原始對象（模型對象）上應用所有函數。

在閱讀代碼時都會清楚。

再見和感謝所有幫助:)

Answer 1

我相信這個問題是你的大量使用exampleVariable = $(this)。

當您使用變量而不是明確使用$(this)時，如果沒有任何意義，則不使用當前的$(this)。

我做了一些改變：（小提琴這裏：http://jsfiddle.net/PGM6W/）

 // On click on more, append a new model 
     // Will update table buttons too 
     // THIS WORKS FINE, except if I click on remove and click on this two times (try it) 
     selfRow.find('a.more').click(function(){ 
      $(this).parents("table").append(model.clone(true, true)); 
      updateModel(selfTable); 
     }); 

     // On click on remove, will remove current row 
     // Will update table buttons too 
     // THIS NOT WORKS FINE, and broke the a.more event! 
     selfRow.find('a.remove').click(function(){ 
      $(this).remove(); 
      updateModel(selfTable); 
     });