вкладки Preload JQuery UI в фоновом режиме

Question

Все,

Как я могу предварительно загрузить все вкладки JQuery UI, тогда как закладка первого по-прежнему загружается? Я попробовал вариант remote: true, но он не работал? При загрузке вкладок должны быть ajax spinners рядом с каждым именем вкладки.

Благодаря

Answer 1

попробовать что-то вроде этого:

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

Он инициализирует вкладки с возможностью кэширования, так что ушки не перезагружается после того как они были загружены только один раз. Затем он обнаруживает общее количество вкладок и устанавливает следующую вкладку для загрузки как 1 (индексы индексируются начиная с 0) Затем он связывает событие в событии загрузки, чтобы начать загрузку следующей вкладки, пока она не ударила их всех , Чтобы запустить его, он загружает вторую вкладку.

Answer 2

Более элегантное решение, чем выше:

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