Функция JQuery error () не работает в IE

Question

У меня есть следующий элемент изображения, который не существует.Я хочу использовать функцию ошибки 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 на себя позволила достаточно времени для ie, чтобы поймать ошибку изображения

$(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");
        });
    });