动画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中发生,对吗？Rick Strahl在他的博客上讨论了这个问题.一定要阅读评论.

隐藏页面元素中的动画GIF图像

Answer 2

Followig Josh的链接我能够使用它来工作:

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