Click事件不适用于在jQuery中动态添加的对象

Question

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

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

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

Answer 1

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

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

Answer 2

您需要进行事件委派：

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

}