我正在尝试将 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';
});
谁能建议我如何实现它?
最佳答案
好吧,就我自己而言,我只是为 onError
事件注册了一个全局监听器,如下所示:
$("img").on('error', function() {
$(this).attr("src", "/path/to/my/default/placeholder-image.png");
});
这解决了所有损坏的图像链接。在您的情况下,您可以使用 #id
和/或 .class
选择器来缩小特定元素的范围。
jquery .on()
函数也适用于动态创建的元素。查看示例here
关于jquery - 将 onerror 与 jquery 中动态创建的图像标签绑定(bind),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38657342/