2012-04-24 6 views
6

टैब क्लिक होने पर अच्छी तरह से काम करते हैं लेकिन विंडो लोड पर डिफ़ॉल्ट टैब का चयन विफल हो जाता है। जावास्क्रिप्ट चलता है, कोई त्रुटि नहीं, लेकिन कुछ भी नहीं होता है। कोई विचार?ट्विटर बूटस्ट्रैप टॉगल करने योग्य टैब में डिफ़ॉल्ट सेट नहीं कर सकता

<head> 
<link href="/assets/bootstrap.css?body=1" media="screen" rel="stylesheet" type="text/css" /> 
</head> 

<script> 
    //<![CDATA[ 
    window.onload=function() { 
     $('#client_tab2').tab(); 
     }; 
    //]]> 
</script> 
<ul class='nav nav-tabs' id='tab'> 
    <li><a href="#client_tab1" data-toggle="tab">General</a></li> 
    <li><a href="#client_tab2" data-toggle="tab">Applications</a></li> 
    <li><a href="#client_tab3" data-toggle="tab">Family</a></li> 
    <li><a href="#client_tab4" data-toggle="tab">Memos</a></li> 
</ul> 

<form accept-charset="UTF-8" action="/clients/4512" class="simple_form client tab-content" id="edit_client_4512" method="post" novalidate="novalidate"> 
    <div class='tab-pane active' id='client_tab1'> 
    <legend>General Information</legend> 
    </div> 

    <div class='tab-pane' id='client_tab2'> 
    <legend>Application Information</legend> 
    </div> 

    <div class='tab-pane' id='client_tab3'> 
    <legend>Family</legend> 
    </div> 

    <div class='tab-pane' id='client_tab4'> 
    <legend>Memos</legend> 
    </div> 
</form> 

उत्तर

10

आपका चयनकर्ता गलत है, यह इस तरह के बजाय का प्रयास करें:

$(window).load(function(){ 
    $('#tab a[href="#client_tab2"]').tab('show'); 
}); 

डेमो: http://jsfiddle.net/TjjKE/

+0

पर एक नज़र डालें बहुत अच्छा! मैं $ (विंडो) का उपयोग नहीं कर सका .लोड लेकिन खिड़की। अपने बाकी टिप के साथ लोड करें महान काम करता है! धन्यवाद। –

9

तुम भी रूप में सिर्फ <li class="active"><a href="#whatever">....</a></li> द्वारा सक्रिय और उसके बाद उपयुक्त टैब पर एक डिफ़ॉल्ट टैब सेट कर सकते हैं <div id="whatever" class="tab-pane active">..</div> है और अधिक जेएस की आवश्यकता को खत्म करें। this

संबंधित मुद्दे