在圖像錯誤後添加文本以跨度

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 = …