onglets UI préchargement JQuery en arrière-plan

Question

Tous,

Comment puis-je précharger tous les onglets JQuery UI alors que le premier onglet est toujours en cours de téléchargement? J'ai essayé la télécommande: option vraie, mais cela n'a pas fonctionné? Il doit y avoir des ajax à côté de chaque nom d'onglet pendant le chargement des onglets.

Merci

Answer 1

Essayez quelque chose comme ceci:

$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); 

Il initialise les onglets avec l'option de cache de sorte que les onglets ne sont pas rechargés après avoir été chargés une fois. Il détermine ensuite le nombre total d'onglets et définit l'onglet suivant à charger en tant que 1 (les onglets sont indexés en commençant par 0) Ensuite, il lie un événement sur l'événement load pour commencer à charger l'onglet suivant jusqu'à ce qu'il les atteigne tous . Pour le démarrer, il charge ensuite le deuxième onglet.

Answer 2

solution plus élégante que ci-dessus:

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