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

在设置src之前指定加载函数。

首次点击后图片位于缓存中，因此会立即加载，.load()会迟到。

Answer 2

IE处理不透明度可能是一个问题。 Quirksmode on opacity

IE和jQuery load（）的问题

2 个答案: