jquery - 将 onerror 与 jquery 中动态创建的图像标签绑定(bind)

Question

我正在尝试将 img 的 onerror 与函数绑定(bind)。 jquery中的image标签是这样创建的

this._img1 = $("<img>");

这就是函数

function imgError(image) {
  image.onerror = "";
  image.src = '/Content/img/placeholder-profile.jpg';
  return true;
}

现在我想将此函数与 onerror 绑定(bind)...我已经尝试过以下操作，但它们对我不起作用

this._img1.on("onError", "imgError(" + this._img1 + ")");

和

this._img1.prop("onError", "imgError(this)");

和

this._img1.error(function () {
    _img1.src = '/Content/img/placeholder-profile.jpg';
});

谁能建议我如何实现它？

Answer 1

好吧，就我自己而言，我只是为 onError 事件注册了一个全局监听器，如下所示:

$("img").on('error', function() {
  $(this).attr("src", "/path/to/my/default/placeholder-image.png");
});

这解决了所有损坏的图像链接。在您的情况下，您可以使用 #id 和/或 .class 选择器来缩小特定元素的范围。

jquery .on() 函数也适用于动态创建的元素。查看示例here