已设置动画的gif不再在jquery.show()上设置动画

已设置动画的gif不再在jquery.show()上设置动画,jquery,internet-explorer,internet-explorer-8,jquery-effects,Jquery,Internet Explorer,Internet Explorer 8,Jquery Effects,据我所知,这只影响IE8 使用以下代码,gif将显示但未设置动画(卡在一个位置): $(“#”)点击(函数(){ $(“#assessmentListLoaderImg”).show(); }); 我还使用了.css('display','block'),得到了相同的结果 有没有一种公认的方法(也许比这更好)可以产生可靠的跨浏览器结果来显示动画gif?我不久前遇到了这个问题,虽然我没有解决它,但我最近在jquery UI中发现了一些我将进一步研究的问题。jQuery UI引擎中似乎有一个设置,

据我所知,这只影响IE8

使用以下代码,gif将显示但未设置动画(卡在一个位置):

$(“#”)点击(函数(){
$(“#assessmentListLoaderImg”).show();
});
我还使用了
.css('display','block')
,得到了相同的结果


有没有一种公认的方法(也许比这更好)可以产生可靠的跨浏览器结果来显示动画gif?

我不久前遇到了这个问题,虽然我没有解决它,但我最近在jquery UI中发现了一些我将进一步研究的问题。jQuery UI引擎中似乎有一个设置,用于将内容设置为隐藏在屏幕外,我想知道这是否可以解决IE不能正确渲染动画GIF的问题,因为它们在渲染时是不可见的。我的理论是,如果它是可见的,但“脱离屏幕”,那么IE可能会将其渲染为动画,但用户将看不见它

链接如下:

我想到的是布局助手:

.ui helper hidden accessible:将可访问隐藏应用于元素(通过页面外的abs定位)

我不能保证这是一个答案,但当我有机会的时候,我已经在我的解决方案清单上尝试过了


如果您尝试此方法并取得成功,请告诉我:)

这似乎是解决此问题的方法:

<div id='myHiddeDiv' style='display:none'> 
<img src='' id='myAnimatedImage'> 
</div> 
<input type='button' value='show image' onclick='showDiv();'> 

<script languag='javascript'> 
function showDiv() 
{ 
document.getElementById('myHiddeDiv').style.display =""; 
document.getElementById('myAnimatedImage').src = "http://www.nowhere.com/animatedGif.gif"; 
} 
</script> 

函数showDiv()
{ 
document.getElementById('myHiddeDiv').style.display=“”;
document.getElementById('MyAnimateImage')。src=”http://www.nowhere.com/animatedGif.gif"; 
} 

您需要重新设置图像标记的src,这将强制IE再次渲染它,从而显示动画。

是否可能在特定浏览器上关闭动画?我没有更改任何默认设置,因此无法看到这是如何发生的,我不知道存在这样的设置?关于
var oImg=$(“#assessmentListLoaderImg”);oImg.show();oImg.attr(“src”,oImg.attr(“src”);
?在最新的firefox中对我不起作用。还有人运气好吗?
<div id='myHiddeDiv' style='display:none'> 
<img src='' id='myAnimatedImage'> 
</div> 
<input type='button' value='show image' onclick='showDiv();'> 

<script languag='javascript'> 
function showDiv() 
{ 
document.getElementById('myHiddeDiv').style.display =""; 
document.getElementById('myAnimatedImage').src = "http://www.nowhere.com/animatedGif.gif"; 
} 
</script>