asp.net - 动画 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);

Answer 3

如果有人在 IE（和现在的 Edge）中仍然遇到这个问题，我设法通过执行以下操作来解决这个问题

给出以下 HTML：

<div id="loader" style="display:none;">
   <img src="/loading-spinner.gif" alt="Loading">
</div>

和以下Jquery：

 function ShowLoadingScreen {
        $("#loading-screen").show();
    }

添加以下行可解决此问题：

$("#loader").html($("#loader").html());

所以你只剩下

function ShowLoadingScreen {
            $("#loader").html($("#loader").html());
            $("#loading-screen").show();   
        }