每次 div 刷新时不显示加载图像

Question

大家好，

我有一个加载图像，每次提交联系表单时都会显示该图像。我正在使用 jQuery Ajax 向服务器提交数据，我正在使用以下代码来显示图像。

$(document).ajaxStart(function(){
    $("#loading").show();

}).ajaxStop(function(){
    $("#loading").hide();
});

我还有一个 div（不包括在联系表单中），它每 3 秒从数据库中自动加载一次数据。现在每 3 秒显示一次加载图像。这对用户来说真的很烦人。

我的问题是..如何使加载图像仅在提交表单时出现，而不是在 div 自动刷新时出现。

感谢您的宝贵时间。

更新 通过在 ajax 中使用 global:false，解决了我的问题...谢谢！

Answer 1

也许您应该将$("#loading") 切换到您的表单提交脚本？像这样：

form.submit(function(e){
    e.preventDefault();
    $("#loading").toggle();
    $.ajax(...).done(function(){
        $("#loading").toggle();
    });
})