注意:我對JavaScript很新。在圖像錯誤後添加文本以跨度
這是我在實現這一目標的嘗試:
$("#img").onerror = function(evt) {
$(".card-error").next("#img-error").html("Error with image url");
});
這沒有奏效。
當出現「onerror」時 - 如何在我的「img-error」範圍內添加文本錯誤消息?
注意:我對JavaScript很新。在圖像錯誤後添加文本以跨度
這是我在實現這一目標的嘗試:
$("#img").onerror = function(evt) {
$(".card-error").next("#img-error").html("Error with image url");
});
這沒有奏效。
當出現「onerror」時 - 如何在我的「img-error」範圍內添加文本錯誤消息?
嘗試,與其:
$('#img').error(function() { $(".card-error").html("Error with image url"); });
您需要使用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 = …
下面的人的代碼工作。出於某種原因,使用.next時出現問題 - 我不知道爲什麼 - 但它在沒有它的情況下運行 – JoseBazBaz
非常感謝您這是一次很好的學習體驗。 – JoseBazBaz
@JoseBazBaz:如果你通過類名選擇了'span',next()將得到* next元素的兄弟*(並且只有它具有id「img-error」)。你應該只使用id而忽略這個類。 – Bergi
感謝這個工作 - 我需要專門使用IMG-錯誤ID因此您的代碼通過只是#IMG-錯誤更換.card錯誤的工作。我想從現在開始,我將避免使用.next與JS一個只是使用錯誤,而不是onerror。非常感謝!這是一個很好的學習經歷。 – JoseBazBaz