Question

我使用这个JQuery代码来调用loader，我有一个表单，其中使用了2个AJAX调用，一个调用用于输入字段，另一个用于提交按钮。我在两个加载器上使用相同的DIV id，但问题是，当通过输入字段发送AJAX调用时，还会显示提交按钮上的加载器。以下是JQuery代码

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

Answer 1

你可以这样试试

1）有2个布尔变量，如

IsLoaderForInput = false;
IsLoaderForSubmit = false;

2）在您使用ajax的函数中将其值更改为true（分别）。

3）然后将代码更改为

$(document).ajaxStart(function() {
    if (IsLoaderForInput) 
        $("#loading1").show();
    else 
        $("#loading2").show();  
});
$(document).ajaxComplete(function() {
    if (IsLoaderForInput) 
        $("#loading1").hide();
    else 
        $("#loading2").hide();
    // reset the values
    IsLoaderForInput = false;
    IsLoaderForSubmit = false;
});

希望你理解逻辑。

在特定的AJAX调用上显示特定的加载器

1 个答案: