javascript - タブのコンテンツが完全に AJAX で読み込まれるまで、読み込みメッセージを表示するにはどうすればよいですか?

Question

jQuery UI 1.10 と、AJAX 機能を備えたjQuery UI Tabウィジェットを使用しています。私が使用している JavaScript コードは、次のように記述されています (簡単な基本)。

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

タブの「ヘッダー」をクリックすると、タブのコンテンツが完全に AJAX で読み込まれるまで読み込みメッセージ(テキスト メッセージ) をタブの「本文」に表示したいと思います。その後、読み込みメッセージを AJAX で取得したデータに置き換える必要があります。 . どうすればそれを作ることができますか？

Answer 1

機能していませんか？

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

Answer 2

これは次の方法で実行できます。

1. AJAX foreach タブを介してデータをロードする関数を定義します。
2. タブのコールバックで、適切なコンテンツをロードするためshowにcreate呼び出す AJAX 関数を管理する関数を呼び出します。
3. 最後に、AJAX 関数内で最初に html を変更して読み込みメッセージを表示し、リクエストが完了したらそれを削除できます。

かなり長いですが、やりたいことをより細かく制御できます。