fadeIn fadeOut jquery适用于两种浏览器

时间:2014-01-17 09:33:09

标签: jquery

我认为fadeIn() fadeOut() jquery也应该在移动浏览器上运行。但它不起作用。有关在桌面浏览器中工作的信息,请参阅live demo,有关在移动浏览器中无法使用的信息,请参阅live demo。因此,我期待了解在移动浏览器中支持的fadeIn和fadeOut功能的替代方法。

newImg.fadeIn(1500,function(){
   oldImg.fadeOut('1500');
   oldImg.remove();
   clicked = false;
});

我刚刚根据@Frank Anneveld改变了这个:

newImg.fadeIn(1500, function(){
      oldImg.fadeOut('1500', function(){
         oldImg.remove();
      });
      clicked = false;
   });

具有fadeIn效果,但与桌面浏览器类似,效果不佳。无论如何,我在第一次放置的代码中做的不好的做法是在淡入新图像的同时删除旧图像?

1 个答案:

答案 0 :(得分:2)

这里指出,当fadeOut正在运行时,oldImg.remove()被删除。 有关文档,请参阅:http://api.jquery.com/fadein/

也许这会有所帮助:

   newImg.fadeIn(1500, function(){

      oldImg.fadeOut('1500', function(){
         oldImg.remove();
      });

      clicked = false;
   });

或交叉淡入淡出:

   newImg.fadeIn(1500, function(){     
      clicked = false;
   });
   oldImg.fadeOut('1500', function(){
      oldImg.remove();
   });