タブの内容が完全にAJAXが読み込まれるまで読み込みメッセージを表示するには？ - javascript、jquery、ajax、jquery-ui、jquery-ui-tabs

私はjQuery UI 1.10を使用しています jQuery UIタブ AJAXの機能を備えたウィジェット。私が使用しているJavaScriptコードは次のように記述されています（基本的な単純なもの）：

$(".selector").tabs({
beforeLoad: function (event, ui) {
ui.panel.html("Loading...");
}
});

タブ "ヘッダ"をクリックすると、 読み込み中のメッセージ タブの内容が完全にAJAXにロードされるまで、「本文」タブ内にテキストメッセージ（テキストメッセージ）を表示します。その後、読み込みメッセージをAJAXで取得したデータに置き換えます。どうしたらいいですか？

回答：

それは働いていませんか？

$(".selector").tabs({
beforeLoad: function (event, ui) {
//show msg
},
load: function (event, ui) {
//hide msg
}
});

あなたはこれを行うことができます：

1. 「AJAX foreach」タブを使用してデータをロードする機能を定義します。
2. タブのコールバックで show そして create 適切なコンテンツをロードするために呼び出すAJAX関数を管理する関数を呼び出します。
3. 最後に、AJAX関数の中で、最初にhtmlを変更して読み込みメッセージを表示し、要求が完了したら削除することができます。

それはかなり長いですが、あなたが何をしたいのかをより詳細に制御できます。

あなたがこの答えを愛してくれることを願っています。

$（ "＃facilityTabContainer"）。tabs（{ panelTemplate： "読み込み中..."、選択：0、スクロール可能：true、キャッシュ：false}）;

あなたはpanelTemplateをjquery.ui.tabsもありますので、アプリケーションのすべてのタブで自動的に「テキストまたは画像の読み込み」が行われます。あなたの最初のタブ読み込みの問題も解決してくれると思います。