jquery/ElevateToom在新添加的图像上

我正在制作一个大型数据集的表格，其中包含的图像将是表格中的第一列。一次加载所有完整大小的图像是不可行的，因此我在表中设置了分页，并且图像仅在行可见时插入：

  tableContent += '<tr>';
  tableContent += '<td><span id="photofield_' + filename + '"></span></td>';

对于$（document.ready call）之后添加的图像来说，这很好。但是，当我添加以下内容时，它不适用于placePhoto添加的元素：

$('body').on('click','img.initzoom',initzoom)


function initzoom(event) {
  event.preventDefault();
  alert("#"+this.id);
  $("#"+this.id).elevateZoom();
}

一切看起来都很好，警报弹出，id与添加的img中的id匹配，但没有明显的效果

---

我是不是做错了什么？如果没有，我下一步可以去哪里进行故障排除？

您是否将函数包装在$（文档）中。准备好了吗？也许你在html发布之前就启动了事件loaded@Ilan你是说“点击”功能？它在$（document）中。准备好了，并且似乎完成了任务（单击新添加的元素时会显示警报）

$("#img_01").elevateZoom();

$('body').on('click','img.initzoom',initzoom)


function initzoom(event) {
  event.preventDefault();
  alert("#"+this.id);
  $("#"+this.id).elevateZoom();
}