jquery - 如何在执行提交表单时显示加载 gif JQuery

Question

我试图在执行提交的同时显示一个简单的旋转 gif(这需要一点时间，因为我必须通过 Web 服务与提供商建立一些通信)。

所以，我有这个:

$('#gds_form').submit(function() {
        var pass = true;
        //some validations

        if(pass == false){
            return false;
        }

        $("body").prepend('<div class="ui-widget-overlay" style="z-index: 1001;"></div>');
        $("body").prepend("<div id ='PleaseWait'><img src='/images/spinner.gif'/></div>");
        return true;
    });

问题是，.gif 不显示任何动画，就像被卡住一样。

为什么？

还有另一种方法可以实现此功能(请注意，我没有使用 AJAX，而且我也不想这样做)？

谢谢。

Answer 1

使用 jQuery submit 函数，您可以指定加载图像，如下所示:

$('#form').submit(function() {
    $('#wait').show();
    $.post('/somepage.htm', function() {
        $('#wait').hide();
    });
    return false;
});