javascript - jQuery 不适用于文档加载后创建的元素

Question

我用 jQuery 动态地创建了两个元素:

一张图片和一个关闭按钮

我在 doument.ready 函数中编写了删除两者的代码:

$( ".deletepreview" ).click(function() {
    code = $(this).data("prevcode");
    $('#'+code).remove();
    $(this).remove();
});

但它不起作用，我认为这是因为代码没有在文档加载后创建的代码中进行搜索。

我该如何解决这个问题？

Answer 1

您需要通过 on() 使用委托(delegate)事件如果您希望在动态添加的元素上处理事件:

$(document).on("click", ".deletepreview",function() {
  var code = $(this).data("prevcode");
  $('#'+code).remove();
  $(this).remove();
});

我稍微修改了您的示例:除非您需要，否则始终在闭包中使用 var 声明变量。