टैब के साथ खोलने वाला पृष्ठ पूर्व निर्धारित नहीं है कि पहला टैब नहीं है

Question

मेरे पास एक jqueryui टैबसेट वाला एक पृष्ठ है। मैं चयनित पहले टैब के अलावा टैब के साथ पेज खोलने में सक्षम होना चाहता हूं। अगर मेरे पास पेज पर चार टैब हैं तो मुझे 'ओपन' टैब होने के लिए चार में से किसी एक को चुनने में सक्षम होना चाहिए।

यह शायद किसी अन्य पृष्ठ से एक लिंक या एक ही फ्रेमसेट में किसी पृष्ठ से एक लिंक है।

कवर के तहत सबकुछ PHP है।

Answer 1

आप जावास्क्रिप्ट के माध्यम से पृष्ठ के आरंभिक लोड पर एक टैब चुनना चाहते हैं। यहाँ कैसे एक टैब का चयन करने के लिए की एक उदाहरण है:

http://docs.jquery.com/UI/API/1.7/Tabs#method-select

<script type="text/javascript"> 
    $(function() { 
    $("#tabs").tabs('select' , index) 
    }); 
</script> 

कहाँ सूचकांक चर टैब आप चाहते हैं के पूर्णांक है चुना हो। यह 0 आधारित है, इसलिए यदि आप तीसरे टैब को चुनना चाहते हैं, तो आप इंडेक्स के लिए 2 निर्दिष्ट करना चाहेंगे।

आप एक बार पेज तैयार है यह करने के लिए चाहता हूँ:

http://www.learningjquery.com/2006/09/introducing-document-ready

Answer 2

पूर्व एक टैब का चयन जब टैब आरंभ selected विकल्प के साथ किया जा सकता है।

$("#tabs").tabs({ 
    selected: index //index of the tab to be preselected 
}); 

एक मामला जहां यह महत्वपूर्ण है जब इंडेक्स 0 पर टैब AJAX के साथ लोड होता है। यदि आप टैब को सामान्य रूप से प्रारंभ करते हैं और फिर चयनित टैब को बदलने के लिए select विधि का उपयोग करते हैं, तो AJAX अनुरोध प्रारंभ में टैब 0 लोड करने के लिए भेजा जाएगा। लेकिन चूंकि आप तुरंत अन्य टैब दिखाना चाहते हैं, यह अनुरोध अनावश्यक है। selected विकल्प आपको इस अनुरोध को छोड़ने की अनुमति देता है।

Answer 3

उपर्युक्त उत्तर अब jQuery UI v1.10.0 के वर्तमान संस्करण के साथ मान्य नहीं हैं। JQuery UI API के अनुसार, विकल्प अब सक्रिय है और अब का चयन करें। http://api.jqueryui.com/tabs/#option-active

निर्दिष्ट सक्रिय विकल्प के साथ टैब प्रारंभ:

$(".selector").tabs({ active: 1 }); 

Answer 4

सिर्फ ui-tabs-selected वर्ग के लिए <li> तत्व इरादा जोड़ने

यहाँ एपीआई के लिए एक लिंक है।

jQuery जो टैब निम्नलिखित पथ

1. से सक्रिय करने के लिए चुन लिए जाएँगे selected विकल्प सेट कर दिया जाता है
2. अगर सेट नहीं है, करता है location.hash मैचों किसी भी टैब <a> टैग
3. के hash अगर कोई हैश से मेल खाते हैं, करता है किसी भी <li> तत्व में ui-tabs-selected वर्ग
4. यदि पहले अक्षम नहीं किया गया है (ui-state-disabled) टैब

पुराने प्रश्न का बिट। उत्तर दिया गया है क्योंकि यह पृष्ठ google