在IE中重启

Specific Gif Won't Restart in IE

本文关键字：重启 IE      更新时间：2023-09-26

简而言之，我正在制作一个图标网格，当你将鼠标悬停在它们上面时，它们会产生动画。这是非常基本的东西，并且在浏览器中一致地工作。

这是页面本身

js如下:

$('.vidWrap img').hover(function(){
  mySrc = $(this).attr('src').split('_static')[0];
  $(this).attr('src',mySrc+'.gif');
},function(){
  $(this).attr('src',mySrc+'_static.gif');
});

但是由于一些奇怪的原因，在任何版本的IE中，笔的动画都不会重新启动。它会到最后一次，然后一直待在那里，直到我清空缓存。其他图标都很好，所以我不太确定问题是什么。任何帮助将不胜感激!

问题似乎是与缓存的gif文件。IE似乎以某种方式将其缓存为图像。

试试这个JS:

var mySrc;
$(document).ready(function(){
    $('.vidWrap img').hover(function(){
        mySrc = $(this).attr('src').split('_static')[0];
        $(this).attr('src',mySrc+'.gif?' + Math.random());
    },function(){
        $(this).attr('src',mySrc+'_static.gif');
    });
});

Math.random()在gif后面添加一个随机数，使浏览器认为它是另一个文件。这样做的缺点是浏览器每次都会下载这个gif(文件只有61.2 KB，所以没什么大不了的)。

试试:http://jsfiddle.net/95wyeyae/4/

相关文章：