JQuery error（）函數在IE中不起作用

Question

我有以下圖像元素，它的src不存在。 我想使用jquery錯誤函數來檢測它是否已加載，並將src替換為我知道存在的通用映像。 這適用於chrome和firefox但在IE中。 為什么這在IE中不起作用，是否有任何變通方法？ 謝謝！

<img id="main" src="missing-image.jpg" />

<script type="text/javascript">

    $(function () {
        $("#main").error(function () {
            $("#main").attr("src", "generic.jpg");
        });
    });

</script>

Answer 1

時間問題？

在這里演示

<img id="mainImage" src="placeholder.jpg" />

<script type="text/javascript">
$(document).ready(function() {
  $("#mainImage").error(function () {
    $(this).attr("src", "generic.jpg");
  });
  $("#mainImage").attr("src","possibly_missing_image.jpg");
});

</script>

Answer 2

我遇到了與ie相同的問題並將img src設置為自己允許足夠的時間來捕獲圖像錯誤

$(document).ready(function() {
  $("#mainImage").error(function () { 
    $(this).attr("src", "generic.jpg");
  })
  .each(function() {
  $(this).attr("src",$(this).attr("src"));
  });
 });

Answer 3

試試這個

$(function () {
        $("#main").bind('error abort', function () {
            $(this).attr("src", "generic.jpg");
        });
    });