проблемы с IE и jQuery load ()

Question

У меня есть следующая функция, которая прекрасно работает в любом браузере, кроме IE. При загрузке одного изображения, а затем при возврате и нажатии на тот же тег <a> изображение исчезает, но не загружается обратно. Я озадачен, почему это работает в других браузерах, но не в IE. Любое понимание очень ценится.

$('a').click(function({
  $("#el").animate({
       opacity: 0
     }, 800,
     function(){
       $("<img/>").attr('src', 'http://www.google.com/images/logos/ps_logo2.png').load(function(){
           $("#el img").attr('src', "http://www.google.com/images/logos/ps_logo2.png")
           $("#el").animate({
             opacity: 1
           }, 
           800)
       });
     });
});

Answer 1

Назначьте функцию загрузки перед настройкой источника.

Изображение находится в кеше после первого клика, поэтому оно будет загружено немедленно, .load() запаздывает.

Answer 2

Вероятно, это проблема того, как IE обрабатывает непрозрачность. Причудливый режим при непрозрачности