jQuery - 刷新或触发相同 class 的所有事件

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，它有效，但第二个，没有。我如何在不复制所有功能的情况下刷新 类 事件？

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

谢谢，

Answer 1

Read this... about delegation.

---

改变这个：

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

为此：

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

Your example.