2011-12-03 18 views
9

ट्विटर बूटस्ट्रैप जेएस टैब में मुझे एक ली तत्व में "सक्रिय" वर्ग जोड़ना होगा।Jquery और ट्विटर बूटस्ट्रैप सक्रिय टैब को काम नहीं करता

मैं यूआरएल से हैश प्राप्त करता हूं। मैं टैब पर सक्रिय कक्षा लागू करता हूं लेकिन इसे फोकस नहीं मिलता है।

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

स्रोत कोड: http://jsfiddle.net/Chumillas/dU458/#example

+0

आपका कोड मुझे लेकिन आप के लिए काम करता है इसमें बूटस्ट्रैप नहीं लगाया। – number5

+1

संसाधन प्रबंधित करें देखें (2), मुझे समझ में नहीं आता कि आपका क्या मतलब है – Chumillas

+0

ठीक है, मैंने अभी देखा है। माफ़ कीजियेगा, मेरी गलती। – number5

उत्तर

6

मैं इसे हल, मैं के रूप में अच्छी टैब सक्रिय की सामग्री के div सेट करना होगा।

+1

आम तौर पर आप केवल '$ ('# mytab a') का उपयोग कर सकते हैं। पहले() टैब ('शो')'। यदि यह पता चला है कि आपको 'टैब-सामग्री' div को 'सक्रिय' पर सेट करने की आवश्यकता है, तो अपने आईडी के लिए अपनी आईडी जांचें। आपके पास आईडी में रिक्त स्थान हो सकते हैं। –

-4

यू select विधि क्यों उपयोग नहीं कर रहे बजाय वर्ग अपने आप को बदल रहा है ??

जांच इस, Selecting a jQuery Tab using a parameter in the URL

+0

मेरे लिए काम नहीं करता है: $ ('टैब')। टैब ('चयन करें', 1); न तो लोड। – Chumillas

+3

'select' jQuery UI टैब की एक विशेषता है, लेकिन ट्विटर बूटस्ट्रैप टैब में उपलब्ध नहीं है। – Synchro

1

आप इस तरह यह कर सकते हैं:

$(function (e) { 
    var parts = decodeURI(e.target).split('#'); 
    $(".tabs").tabs().select(parts[1]); 
}); 
29

नवीनतम बूटस्ट्रैप-टैब.जेएस के साथ, आप सक्रिय टैब का चयन करने के लिए निम्न कॉल का उपयोग कर सकते हैं।

नव नमूना: लिंक और प्रदर्शन कॉल के साथ

<ul class="nav nav-tabs"> 
    <li class="active"><a href="#tab1" data-toggle="tab">Tab 1</a></li> 
    <li><a href="#tab2" data-toggle="tab">Tab 2</a></li> 
    <li><a href="#tab3" data-toggle="tab">Tab 3</a></li> 
</ul> 

प्राप्त वस्तु:

$('a[href="#tab2"]').tab('show'); 

Bests, जी

स्रोत: Twitter Bootstrap

+0

और यदि आप सक्रिय टैब का चयन करने के लिए पूरी तरह से यूआरएल हैंश का उपयोग कर रहे हैं, तो आप इस सामान्य कोड के साथ प्रक्रिया को स्वचालित कर सकते हैं: $ (दस्तावेज़) .ready (function() { var url_hash = window.location.hash.split (' - ') [0]; अगर (url_hash [0] ==' # ') $ (' # टैब एक [href = "'+ url_hash +'"] ') टैब (' शो '); }); – JeromeParadis

0

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

  1. सक्रिय करने के लिए li तत्व सेट (वर्ग = "सक्रिय")
  2. सक्रिय करने के लिए टैब div तत्व सेट (वर्ग = "फीका सक्रिय में")
संबंधित मुद्दे