jquery - 中绑定(bind)图像加载错误

Question

Is there a way to bind to the load() event of an image after changing it's src? 2岁了

How to remove future broken image using jquery尚未回复成功

注意:我完全知道如何处理加载失败的图像 - 我可以添加占位符图像，然后在我分配的同一循环中分配 onerror 处理程序实际的src如this DEMO

我试图运行一页图像并处理已经失败的图像(不是最佳的)或者在页面加载之前让 jQuery 绑定(bind)给定选择器中的所有 img.onerror (更好的解决方案)

所以我脑子里想到了ON:

DEMO

$("figure img").on("error",function () {
  console.log("error")  
  $(this).parents(".content-holder").removeClass("p-alt");
  $(this).parents("figure").remove();
}); 

但这不起作用 - 没有删除任何内容，控制台中也没有任何内容。

我研究过naturalWidth，但并非所有浏览器都支持

Answer 1

如何将事件绑定(bind)到当时不存在的元素？ $("figure img") 不会选择任何内容，因为页面上尚不存在这些元素。