/ / बूटस्ट्रैप 2.0 टैब-सामग्री के भीतर यूआरएल द्वारा टैब और डेटा सक्रिय करना - jquery, html, css, twitter-bootstrap

बूटस्ट्रैप 2.0 टैब-सामग्री के भीतर यूआरएल द्वारा टैब और डेटा सक्रिय करना - jquery, html, css, twitter-bootstrap

मैंने आम तौर पर इस विषय को छूने वाले कई प्रश्न देखे हैं, मुझे पता है कि वास्तव में क्या करने की आवश्यकता है, लेकिन इसलिए मैं jQuery के साथ "धाराप्रवाह" नहीं हूं, इसलिए मैं सफलतापूर्वक ऐसा नहीं कर सकता।

 <ul class="nav nav-pills" id="activate">
<li><a href="#tab1" data-toggle="tab">Tab 1</a></li>
<li class="active"><a href="#tab2" data-toggle="tab">Tab 2</a></li>
</ul>

<div class="tab-content">
<div id="tab1"><h1>Data for Tab 1</h2></div>
<div id="tab2">
<a href="#tab1" rel="taburl" data-toggle="tab">Take me to tab content #1</a>
</div>

आदर्श रूप में, उस टैब का डेटा # टैब 1 पर स्विच किया गया है, हालांकि, टैब स्विच नहीं होगा active पर वर्ग href="#tab1" (पर सक्रिय रहता है #tab2 लेकिन से डेटा प्रदर्शित करता है #tab1)

मैंने सोचा कि मैं इसका उपयोग कर सकता हूं .first() विधि और पहली घटना को लक्षित करें href="#tab1 तथा .addClass("active") इस ली के लिए। लेकिन मुझे नहीं पता कि किसी भी लिंक के लिए ली का चयन कैसे करें, मैं इसे सीधे लक्षित करने के लिए लिंक करता हूं href आईडी

मैं वास्तव में नहीं जानता कि यह किया जा सकता है या नहीं। क्या मैं इंजेक्ट कर सकता हूं href लिंक से डेटा (jQuery के साथ) फिर इसे टैब लिंक में जोड़ें और इसे सक्रिय करें।

और फिर, द data-toggle="tab" सही सामग्री पर स्विच करता है लेकिन नेविबार पर सक्रिय टैब अपडेट नहीं करेगा,

तो क्या उस सटीक "टैब" का चयन करने का कोई तरीका है और .addClass("active") को <li> एक बार मैंने लिंक निकाल दिया है।

आपके समय के लिए शुक्रिया।

JSFIDDLE उदाहरण

http://jsfiddle.net/epiceon/M6NQJ/1/

उत्तर:

जवाब के लिए 2 № 1

यदि आप टैब के बीच स्विच करते हैं तो आपको "कॉल करने की आवश्यकता होगी tab("show") उस टैब पर फिर से उस बटन पर जाने का इरादा है।

एक तरफ ध्यान दें, आपको अपना अपडेट करने पर विचार करना चाहिएसंस्करण 2.0.3 पर है यदि आप टैब का उपयोग कर रहे हैं। उन्होंने कुछ बग तय की हैं (ज्यादातर बाएं या दाएं टैब के साथ) लेकिन नई नौसेना में भी छोड़ना। फ़ाइल आपको सड़क के नीचे सिरदर्द बचा सकती है।


उत्तर № 2 के लिए 1

अपने आप में एक टैब मैन्युअल रूप से बंद करने का प्रयास करते समय मुझे कुछ समानता मिली है।

काम करता है jsFiddle:

http://jsfiddle.net/WnQvF/8/

ध्यान दें कि मैंने अभी अपनी परियोजना से कॉपी किया है। इसलिए समाधान आपकी समस्या के लिए सबसे साफ नहीं हो सकता है लेकिन आप पाएंगे कि यह कैसे काम करता है। टैब 3 के भीतर टैब-बटन और बटन का नाम याद रखें।