GIF الرسوم المتحركة لا يتم تحريكها عند إرسالها

Question

لدي نموذج حيث تستغرق وظيفة إرسال عدة دقائق. أرغب في عرض صورة متحركة أثناء التقديم. يعرض الرمز أدناه 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 (والحافة الآن) ، تمكنت من إصلاح المشكلة عن طريق القيام بما يلي

أعط 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();   
        }