動畫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);