2014-04-10 13 views
11

पर पहला टैब खोलें, मैं पेज लोड पर पहला टैब खोलने में सक्षम नहीं हूं। नीचे कोडबूटस्ट्रैप 3 टैब और पृष्ठ लोड

<ul id="rowTab" class="nav nav-tabs"> 
       <li class="active"><a data-toggle="tab" href="#tab_a">Tab A</a></li> 
       <li><a data-toggle="tab" href="#tab_b">Tab B</a></li> 
       <li><a data-toggle="tab" href="#tab_c">Tab C</a></li> 
       <li><a data-toggle="tab" href="#tab_d">Tab D</a></li> 
    </ul> 

    <div class="tab-content"> 
      <div id="tab_a" class="tab-pane fade active"> 
      Tab A inner 
      </div> 
      <div id="tab_b" class="tab-pane fade"> 
      Tab B inner    
      </div> 
      <div id="tab_c" class="tab-pane fade"> 
      Tab C inner  
      </div> 
      <div id="tab_d" class="tab-pane fade"> 
      Tab D inner 
      </div> 
    </div> 

और jQuery

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#rowTab a:first').tab('show'); 
    });  
</script> 

कोई सुराग क्यों काम नहीं कर रहा?

धन्यवाद

उत्तर

15

पहला टैब की सामग्री से fade वर्ग निकालें ..

<div id="tab_a" class="tab-pane active"> 
    Tab A inner 
</div> 

http://bootply.com/129046

+3

हां, 'टैब-फलक सक्रिय सक्रिय' है .. मैंने बूटप्ली को अपडेट किया है http://bootply.com/129046 – ZimSystem

+0

यह इंगित करने के लिए धन्यवाद कि मुझे कहां समस्या है। – JackTheKnife

6

और fade

<div id="tab_a" class="tab-pane active fade in"> 
    Tab A inner 
</div> 

Baghoo के साथ काम संस्करण - इशारा करते हुए के लिए धन्यवाद मुझे क्या करने के लिए समस्या

+0

वाह, ठीक है, यह फीड प्रभाव (http://getbootstrap.com/javascript/#fade-effect) के लिए प्रलेखन में है। मैंने पूरी तरह से अनदेखा किया। –

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