單擊事件不適用於複製的HTML

Question

點擊事件不適用於複製的HTML嗎？

<ul class="dir">//the given ul 
<li> <img class="thumb" src="1.jpg" > </li> 
<li> <img class="thumb" src="2.jpg" > </li> 
<li> <img class="thumb" src="3.jpg" > </li> 
<li> <img class="thumb" src="4.jpg" > </li> 
<li> <img class="thumb" src="5.jpg" > </li> 
<li> <img class="thumb" src="6.jpg" > </li> 
<li> <img class="thumb" src="7.jpg" > </li> 
</ul> 
<ul class="copy"></ul> //copied ul 
<script> 
$(function(){ 
$(".copy").html($(".dir").html()); 
$(".thumb").click(function(){ 
alert("It works only on the .dir's thumb not on .copy's thumb .. why?"); 
} 
); 
} 
</script> 

Answer 1

你必須使用事件代表團

$(document).on('click', '.thumb', function(){ 
    alert("This works every even if copied"); 
}); 

爲它工作。只有.click只會將處理程序附加到聲明處理程序時存在的元素。