पृष्ठभूमि में प्रीलोड लोड JQuery UI टैब

Question

सभी,

पहला टैब अभी भी लोड होने पर मैं सभी JQuery UI टैब को प्रीलोड कैसे कर सकता हूं? मैंने रिमोट की कोशिश की है: सही विकल्प, लेकिन यह काम नहीं किया? टैब लोड होने पर प्रत्येक टैब नाम के आगे AJAX स्पिनर होना चाहिए।

धन्यवाद इस तरह

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

यह कैश विकल्प ताकि टैब के बाद वे एक बार लोड किया गया है पुनः लोड नहीं कर रहे हैं के साथ टैब initializes। फिर यह टैब की कुल संख्या पता लगाता है और अगले टैब को 1 के रूप में लोड करने के लिए सेट करता है (टैब 0 से शुरू होने वाले अनुक्रमित होते हैं) फिर यह लोड ईवेंट पर एक ईवेंट को तब तक बांधता है जब तक कि वह अगले टैब को लोड नहीं कर लेता । इसे शुरू करने के लिए फिर दूसरा टैब लोड करता है।

Answer 2

ऊपर से अधिक सुरुचिपूर्ण समाधान:

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