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

Question

据我所知，这只影响 IE 8。

使用以下代码，gif 会出现但不是动画(卡在一个位置):

$("#<%=assessmentListLinkClientID() %>").click(function(){
        $("#assessmentListLoaderImg").show();
    });

我还使用了 .css('display', 'block') 得到了相同的结果。

是否有一种可接受的方式(也许比这更好)可以产生可靠的跨浏览器结果来显示动画 gif？

Answer 1

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

<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> 

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