Question

我希望在提交表单时将GIF动画作为加载程序运行。我做了一个非常基本的表单只有一个输入按钮，一旦点击提交表单，也应该被GIF取代.GIF在Safari中不起作用但在Chrome中有效。客户端要求GIF应该在所有浏览器中运行。另一个要求是我不能使用AJAX按照answer中的建议提交表单。

我的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>

Answer 1

尝试指定宽度：100px；和高度：图片的100px。它对我有用。

GIF无法在Safari中使用表单提交，但可以在Chrome中使用

1 个答案: