Jquery Loading最初のページの読み込み時にspinner/div（ajaxStart/ajaxStop）が機能しません

Question

次のコマンドを使用して、ajax呼び出しのページにスピナーを表示/非表示します。

var $loading = $('#loadingDiv').hide(); 
$(document).ajaxStart(function() { 
    $loading.show(); 
}).ajaxStop(function() { 
    $loading.hide(); 
}); 

2つの選択ボックスがあります。 2番目は、最初に選択されたものに基づいてajaxから読み込まれます。

ページが最初に読み込まれると、ajaxが呼び出されて2番目の選択ボックスの読み込みが開始されます。しかし、最初のロードではローディングスピナーは表示されません。

最初のページの読み込み後にselectbox1の項目を変更すると、読み込みスピナーは正常に動作します。最初のロードを除いて毎回動作します。ページ上に着陸すると2番目のボックスに自動的に入力されます。

2番目のボックスがajaxを呼び出している間に、最初のページの読み込みを開始するにはどうすればよいですか。

Answer 1

上記のコメントの回答は、Rory McCrossonに感謝します。

私はajaxStart（）の前にセレクタ・ボックス・ロードのための最初のAjaxコールを持っていました。そこで私はajaxStartを最初に動かす必要がありました。

ありがとうございます！