GIF不能在Safari中使用表单提交，但可在Chrome中使用

我想在提交表单时作为加载器运行GIF动画。 我做了一个非常基本的表单，只有一个输入按钮，一旦点击提交表单，也应该被GIF取代.GIF在Safari中不工作，但在Chrome中工作。 客户的要求是GIF应该在所有浏览器中运行。 另一个要求是我不能按照这个答案中推荐的方式使用AJAX提交表单。

我的jQuery

$(document).ready(function(){
    $("#myform").on("submit", function(){
        $(".UploadBtn").hide();
        $("#spinner").show();
        $("#img-spinner").show();
    });
});

我的CSS;

#spinner {
    display: none;
    font-size: 20px;
    font-family: serif;
    color: #00C853;
         }

#img-spinner {
    display: none;
             }

.UploadBtn {
    display: show;
           }

我的HTML;

<form id ="myform" action="{% url 'loading_test' %}" method="POST">
<input type="submit" class="UploadBtn">
</form>
<div id="spinner"><img id="img-spinner" src="{{ STATIC_URL }}img/pacman_orange.gif"> loading</div>

链接地址: http://www.djcxy.com/p/23043.html

上一篇: GIF not working with form submission in Safari but works in Chrome

下一篇: Animated HTML Canvas background suddenly not working in Chrome