的jQuery的append（）元素點擊事件

Question

我有兩個UL標籤 here is jsbin link

和我的劇本是

$("#to-do li").click(function(){ 
    alert("I'm to-do li"); 
    $(this).appendTo("#done"); 
}); 

$("#done li").on('click', function(){ 
    // this event is not fired 
    alert("I'm done li"); 
    $(this).appendTo("#to-do"); 
}); 

和要求是對的「待辦事項麗」點擊，就應該追加到「完成李「，反之亦然。

第一個功能正常工作正常。但第二個並沒有被解僱。 點擊「#done li」，再次調用第一個函數。 請幫忙..

1）爲什麼（「＃to-do li」）事件在點擊$（「＃done li」）時觸發。 2）如何實現這一目標

Answer 1

既然你是在處理動態元素的結構，你需要利用事件代表團

$('#to-do').on('click', "li", function() { 
    console.log("I'm to-do li"); 
    $(this).appendTo("#done"); 
}); 

$('#done').on('click', "li", function() { 
    // this event is not fired 
    console.log("I'm done li"); 
    $(this).appendTo("#to-do"); 
}); 

演示的：Fiddle