单击事件不适用于在 jQuery 中动态添加的对象 [重复]

Question

我有一个 HTML 页面，我在其中动态地将图标文件添加到 DIV。此图像用作关闭图标并具有预定义的类，例如“关闭”。在这个类中，我附加了点击事件，例如

$('.close').click(function({
     alert('You chose to delete this image');
});

这适用于页面加载时加载的脚本。但是，当我将相同的图标附加到其他 DIV 时，单击事件似乎没有触发。萤火虫没有错误。不知道怎么回事！

Answer 1

你需要做事件委托：

$(document).on('click', '.close', function () {
    //rest of the code

}

Answer 2

委托文档或最近的静态元素

$(document).on('click', '.close', function () {
    alert("You chose to delete this image");
});