动画gif没有提交动画

Question

我有一个表单提交功能需要几分钟。当提交正在启动时，我想显示一个动画GIF。下面的代码显示了gif，但它不移动。我能做些什么来实现它？

<script type="text/javascript"> 

    $(function() { 
     $("#submit").click(function() { 
      $("#wait").show(); 
      return true; 
     }); 
    }); 

</script> 

<% Using Html.BeginForm%> 
<%-- Various input fields here --%> 
<input id="submit" type="submit" value="Submit" /> 
<img id="wait" src="../../Content/images/ajax-loader.gif" alt="" style="display: none" /> 
<% End Using%> 

Answer 1

这个问题只发生在IE中，对吗？里克斯特拉尔在他的博客上讨论过这个问题。一定要阅读评论。

Animated GIF images in hidden page elements

Answer 2

Followig Josh的链接我能得到它来工作：

setTimeout('document.images["loadimage"].src = "../Images/loading_bar.gif"', 200);