問題は、2 つのタブがあり、最初のタブが ajax1 によってコンテンツをロードし、2d タブが ajax2 によってコンテンツをロードすることです。ユースケース: 最初のタブをクリックして、ajax コンテンツをロードします。ajax が終了するまで待たないでください。tab2 コンテンツ (ajax2 は ajax1 よりも速く終了しました) が表示されますが、ajax1 はちょうど終了し、コンテンツ ブロックをオーバーライドします。一般に、2 番目のタブが選択されていましたが、1 番目のタブのコンテンツが読み込まれました。
ソリューションは、私が知っている以下のコードのように見えますが、もっと派手なソリューションが必要です。お願いします:
var isLoading = false;
tabs.on({
click: function () {
if (isLoading) return;
isLoading = true;
tab.load(function () {
isLoading = false;
});
}
});