pestañas precarga jQuery UI en el fondo

Question

Todo,

¿Cómo puedo cargar previamente todas las pestañas jQuery UI mientras que la primera pestaña todavía se está cargando? He probado la opción remota: verdadera, pero ¿no funcionó? Debería haber ajax spinners junto a cada nombre de pestaña mientras se cargan las pestañas.

Gracias

Answer 1

intentar algo como esto:

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

Inicializa las pestañas con la opción de caché para que las pestañas no se vuelven a cargar después de que se han cargado una vez. A continuación, descubre el número total de pestañas y establece la siguiente pestaña para cargar como 1 (las pestañas se indexan empezando por 0) Luego enlaza un evento en el evento de carga para comenzar a cargar la siguiente pestaña hasta que las golpee a todas . Para iniciarlo, carga la segunda pestaña.

Answer 2

solución más elegante que la anterior:

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