4

全て、

JQuery UI タブを使用しています。タブをクリックすると、タブのタイトルとその横にあるスピナーのアニメーション GIF がタブに表示されます。タブが読み込まれると、画像が非表示になります。どうすればこれを達成できますか？

ありがとう

4

3 に答える 3

12

スピナーオプションを追加tabs()

$("#tabs").tabs({
    spinner: '<img src="whatever.gif" />'
});


タブごとに追加<span>&nbsp;</span>します。スピナーが適切に表示および非表示になるために必要です。<a></a>&nbsp;

<li><a href="urlheretoajaxload">Text Title<span>&nbsp;</span></a></li>
于 2010-07-15T15:43:43.343 に答える
6

まず、 http: //www.ajaxload.info/ からスピナー gif を生成することを強くお勧めします。

次に、JQuery UI タブのドキュメントを見ると、さまざまなイベントで呼び出される関数をセットアップできることがわかります。たとえば、selectとloadイベントを使用して表示できます (タブ内に配置する方法はわかりませんが、それはあなたに任せます):

$('#my_tabbed_area').tabs({
  select: function(event, ui) { $('#my_spinner_tab_1').fadeIn() },
  load:   function(event, ui) { $('#my_spinner_tab_1').fadeOut() }
});

#my_spinner_tab_1スピナーとタイトルを同じスパンに配置できる場合は、使用することを選択し#my_span_tab_1た idに置き換える必要があります。ただし、これにより、タイトルとスピナーの両方がフェードイン/フェードアウトします。

于 2009-11-11T17:56:19.360 に答える
0

ui.tabs.min.js -> 「スピナー」部分を変更して、タブ名を保持し、背景のスピナー画像を含めることはできませんか?

于 2009-11-11T18:12:50.323 に答える