jQuery的 - 刷新或觸發的所有事件的同一類

Question

我有這個元素

<img class="imgclass" src="img.jpg"> 

而這種代碼

$(document).ready(function() { 
$('.imgclass').click(function(){ 
    alert('Works!!!'); 
    }); //click 
// I need to load something in other moment 
$(something).load(function(){ 
    $('<img src="iamge.jpg">').addClass('imgclass').insertAfter('img'); 
    }); 
}); 

如果我點擊第一IMG，它的工作原理，但第二，什麼都沒有。如何colud刷新類事件沒有複製所有的功能？

的例子： https://jsfiddle.net/q860upLv/2/

感謝，

Answer 1

Read this... about delegation.

---

更改此：

$('.imgclass').click(function(){ 

要這樣：

$(document).on("click", ".imgclass", function(){ 

Your example.