प्रोग्रामिंग के लिए jquery टैब का चयन और लोडिंग

Question

मुझे इस कार्यक्षमता को काम करने की कोशिश करने में समस्या आ रही है। पृष्ठ लोड होने पर मैं स्वचालित रूप से एक टैब लोड करना चाहता हूं। मैंने निम्नलिखित कोड का उपयोग किया है।

$tabs.tabs('select', 0); 

हालांकि, क्या हो रहा है कि यह केवल चयन है और (ajax के माध्यम से उस टैब लोड होता है) यह लोड हो रहा है नहीं है। दिलचस्प बात यह है कि जब मैं एक और टैब चुनता हूं और फिर पहले टैब पर वापस जाता हूं तो यह ठीक हो जाता है।

var $tabs = $('.selector').tabs({ selected: 0 }); 

प्रारंभ के बाद, आप यह कर सकते हैं प्रोग्राम के रूप में एक टैब का चयन करने के लिए:

$tabs.tabs('option', 'selected', 0); 

संपादित करें: यह पूरी तरह से काम करता है के लिए

Answer 1

आप प्रारंभ के समय में चयनित टैब को निर्दिष्ट करने की कोशिश की है मैं:

var $tabs = jQuery("#tabDiv > ul").tabs({ selected: null }); 
$tabs.tabs("select", 0); 

Answer 2

इसे $ (दस्तावेज़) के अंदर रखना न भूलें .ready (function() {;}); निर्माण।

मुझे यकीन है कि आपकी समस्या का कारण नहीं है, लेकिन यह सुनिश्चित करने के लिए यह चोट नहीं पहुंचा सकता कि आपका jQuery तब तक फ़ायर नहीं कर रहा है जब तक कि इसे संभालने के लिए सबकुछ स्थापित नहीं हो जाता है।

Answer 3

आप कॉल करने के लिए सक्षम होना चाहिए:

$tabs.tabs('load', 0); 

आप अपने डेटा लोड करने के लिए यह चयन करने के बाद।

Answer 4

मुझे पहले भी यही समस्या थी। मेरा समाधान था टैब() दो बार कॉल कर रहा था; पैरामीटर के बिना एक बार; एक बार चयन विकल्प के साथ:

ईजी।

$("#tabs").tabs(); 
$("#tabs").tabs('select', 2); 

Answer 5

मैं इस प्रश्न का उत्तर देता हूं कि लोगों को बहिष्कृत कार्यों के साथ गुमराह करने से बचें।

अधिकांश उत्तर प्रश्न के समय सही थे, लेकिन उनमें से अधिकतर नए एपीआई में उपयोग नहीं कर रहे थे।

कोड का पालन करने का प्रयास करें यदि आप नए एपीआई का उपयोग कर रहे हैं।

$(function() { 
    $("#tabs").tabs(); 
    $("#tabs").tabs("option", "active", 2); 
}); 

अधिक जानकारी के लिए लिंक का पालन चेक करें।

http://jqueryui.com/upgrade-guide/1.9/#deprecated-select-method

Answer 6

आप jQuery के टैब पेज (http://jqueryui.com/tabs/#default) से डेमो उपयोग कर रहे थे मान लिया जाये। आप आसानी से एंकर पर क्लिक करके टैब का चयन कर सकते हैं। बस अपने टैब नाम के आधार पर एंकर टैग ढूंढें ...

$('a[href=#tabs-1]').click(); //selects the first tab