Анимированный 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, правильно? Рик Страл обсудил это в своем блоге некоторое время назад. Обязательно прочитайте комментарии.

Анимированные изображения GIF в скрытых элементах страницы

Answer 2

Перейдя по ссылке Джоша, я смог заставить ее работать, используя:

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

Answer 3

В случае, если у кого-то все еще есть эта проблема в IE (и Edge сейчас), мне удалось решить эту проблему, выполнив следующие действия:

Дайте следующий HTML-код:следующий Jquery:

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

добавление в следующую строку решает проблему:

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

, поэтому у вас остается

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