JQuery UIのタブをバックグラウンドでプレロードする

Question

すべて、

最初のタブがまだロードされている間にすべてのJQuery UIタブをプリロードするにはどうすればよいですか？私はリモート：本当のオプションを試したが、それは仕事をしなかった？タブの読み込み中は、各タブ名の横にajaxスピナーが表示されます。彼らは一度ロードされた後にタブが再読み込みされないように

$tabs = $('#tabs').tabs({ 
    cache: true 
}); 
var total = $tabs.find('.ui-tabs-nav li').length; 
var currentLoadingTab = 1; 
$tabs.bind('tabsload',function(){ 
    currentLoadingTab++; 
    if (currentLoadingTab < total) 
     $tabs.tabs('load',currentLoadingTab); 
    else 
     $tabs.unbind('tabsload'); 
}).tabs('load',currentLoadingTab); 

それは、キャッシュオプションを使用してタブを初期化します。

おかげ

Answer 1

はこのような何かを試してみてください。 次に、合計の数を確認し、次のタブを1に設定します（タブは0から始まるインデックスが付けられます）。 次に、ロードイベントでイベントをバインドして、次のタブのロードが開始され、 。それを開始するには、2番目のタブを読み込みます。上記以外

Answer 2

もっとエレガントなソリューション：

$tabs = $('#tabs').tabs({ 
    cache : true, 
    load : function(event,ui) { 
     try { 
      $tabs.tabs('load',ui.index+1); 
     } catch (e) { 
     } 
    } 
});