0

問題は、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;
        });
    }
});
4

1 に答える 1