<head> 中的绑定图像加载错误答案

【问题标题】：Bind image load errors in the <head><head> 中的绑定图像加载错误
【发布时间】：2012-06-19 17:22:13
【问题描述】：

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绑定给定选择器中的所有img.onerror（更好的解决方案）

所以我脑子里想到了ON：

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

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

我查看了 naturalWidth，但并非所有浏览器都支持

【问题讨论】：

标签： jquery image onerror

【解决方案1】：

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

【讨论】：

"live" 曾经/用于监视 DOM 中的对象，认为替换“on”可以做同样的事情并对图像标签的出现做出反应并不是那么牵强DOM，在触发 src 请求之前拦截它并附加事件处理程序。如果我使用追加插入图像，就会发生这种情况。