动画gif不再在jquery上动画.show()

m.e*_*son 3 jquery internet-explorer internet-explorer-8 jquery-effects

据我所知,这只影响IE 8.

使用下面的代码,gif出现但没有动画(卡在一个位置):

$("#<%=assessmentListLinkClientID() %>").click(function(){
        $("#assessmentListLoaderImg").show();
    });
Run Code Online (Sandbox Code Playgroud)

我也使用.css('display', 'block')了相同的结果.

是否有一种可接受的方式(可能比这更好)产生可靠的跨浏览器结果来显示GIF动画?

m.e*_*son 6

看来这是解决此问题的方法:

<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> 
Run Code Online (Sandbox Code Playgroud)

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