在特定的AJAX調用中顯示特定的加載器

Question

我正在使用此JQuery代碼調用加載器，我有一個表單，其中使用了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）將其值改爲true（分別），在您的函數在你使用ajax的地方。

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; 
}); 

希望你能理解的邏輯。