简而言之,当您将鼠标悬停在图标上时,我会制作一个动画的图标网格。 这是非常基本的东西,并且可以在所有浏览器中一致地工作。

这是页面本身

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中,笔的动画都不会重新启动。 它会结束一次,然后一直呆在那里直到我清除缓存。 其他所有图标都可以正常工作,因此我不太确定问题出在哪里。 任何帮助,将不胜感激!

===============>>#1 票数:2 已采纳

问题似乎与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/

  ask by will translate from so

未解决问题?本站智能推荐:

1回复

在Firefox中没有重新启动的GIF动画(带示例)

问题描述: 在许多情况下,GIF动画似乎无法在Firefox中正常重启。 这是我在Mozilla中遇到的问题,没有其他浏览器。 例如,为什么这个工作要始终重新启动它,但是这不? 在后者中,gif明显缓存并在后台永远循环,因此当您调用.show()时,它将出现在动画中间的某个随机点
3回复

重新启动gif而不在IE11中重新加载它

当用户点击它时,我正在尝试重新启动它,而不必重新加载它(我的gif太重了,我实际上是为我的应用程序预加载它)。 我目前的代码在Chrome和所有“现代浏览器”上运行得非常完美,但我也需要在IE11中工作 ,这就是斗争开始的地方。 这是一个示例代码 ,在Chrome上完美运行但在IE11上
1回复

IE 10不会在文本输入上重新应用填充

我有一个关于文本输入和填充的IE 10特定问题让我很头疼。 以下是设置和正在发生的事情的文字说明,但这里还有一个运行示例: https://jsfiddle.net/41nq3pt1/5/ 我省略了下面的CSS,因为它有点大,请看JSFiddle。 非常感谢帮助,我不仅要寻找解决
3回复

jQuery不会在IE中“获取”容器中的内容吗?

我有这样的股利: 然后用jQuery我这样做: (我需要格式化的div并在以后使用,所以我用php创建它们,然后用JS删除它们以供以后使用) 如果我正确记录了var divs [0] whit chrome,我会看到整个div(容器+内容): 但是,如果我在IE中(
1回复

按钮不会在IE 9中回发

我正在使用asp文件上传控件。我不想向用户显示难看的asp.net控件,因此使用了一些style="width: 0px; height: 0px; overflow: hidden;" 隐藏它。 这是我的HTML代码 我写的jQuery ready函数 但是此代码不会在
1回复

jQuery不会在IE中返回div,但是Firefox / Chrome / Safari是吗?

我在html中有以下代码: 我的javascript中有以下代码: 仅在IE中的parent.empty()返回JavaScript错误,并指出“对象不支持属性或方法“空”。所有其他浏览器(FireFox / Chrome / Safari)正确将父对象设置为div对象并允许为空
1回复

Ajax Loader Gif无法在IE或Chrome中运行

我是ajax的新手,正在尝试在页面加载时显示加载的gif。 它可以在Firefox中运行,但不会在Chrome或IE中显示。 我假设我正在寻找东西。 我正在使用在Google搜索中找到的代码。 这是代码:
2回复

重新启动Javascript函数

我有一些功能的javascript代码。 它在html canvas元素中编码一个简单的动画。 我希望它这样,当我在HTML按钮点击带班one ,动画重新启动。 我不确定如何解决这个问题,并尝试了几种方法,但似乎都没有效果 这是我的JavaScript代码: 这是画布
2回复

画布重新启动按钮单击

我有一个canvas html元素,当我单击按钮时会显示该元素。 我遇到的问题是画布中的动画仅持续约1秒。 因此,当我单击按钮以将其CSS属性从display:none更改为display:inline ,动画已经结束,因为它正在后台加载。 我想要发生的是单击按钮以简单地重新启动画
2回复

单击重新启动CSS动画

您如何在点击时重新启动动画? 我有的解决方案是: http://jsfiddle.net/anoopelias/qrwxdnst/ 这似乎可以在Chrome上很好地使用,但是动画只有在Firefox中才第一次出现。 做这个的最好方式是什么? 在Mozilla的开发人员