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.