javascript - 图像错误后将文本添加到 Span

Question

注意：我对 Javascript 很陌生。

这是我实现这一目标的尝试：

$("#img").onerror = function(evt) {
    $(".card-error").next("#img-error").html("Error with image url");
});

这没有用。

当发生“onerror”时 - 如何在“img-error”范围内添加文本错误消息？

Answer 1

试试这个：

$('#img').error(function () {
  $(".card-error").html("图片地址错误");
});

Answer 2

您需要使用jQuery 事件处理程序方法：

$('#img').on("error", function() {
    $("#img-error").text("Error with image url");
});

您正在为 jQuery 包装器对象分配一个属性“onerror”，它除了收集垃圾之外什么都不做。分配给 DOM 元素会起作用，例如

$("#img").get(0).onerror = … // or with plain DOM:
document.getElementById("img").onerror = …