图像错误后添加文本到跨度

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("Error with image url");
});

Answer 2

您需要使用jQuery event handler method：

$('#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 = …