Bootstrap 3 Registerkarten und wählen Sie die erste Registerkarte, die beim laden der Seite

Ich bin nicht in der Lage zu bekommen, öffnen Sie zunächst die Registerkarte auf die Seite laden. - Code unten.

    <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>

und jQuery

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

Keine Ahnung, warum das nicht funktioniert?

Dank

InformationsquelleAutor JackTheKnife | 2014-04-10

  1. 17

    Entfernen Sie die fade Klasse von der ersten Registerkarte Inhalte.

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

    http://bootply.com/129046

    Ja, tab-pane fade active in.. ich aktualisiert die Bootply bootply.com/129046
    Danke für den Hinweis, wo ich Frage.

    InformationsquelleAutor Zim

  2. 6

    Und funktionierende version mit der fade

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

    Baghoo - Danke für den Hinweis mich zu dem, was verursacht Problem

    Wow, genau dort ist es in den Unterlagen für den fade-Effekt (getbootstrap.com/javascript/#fade-effect). Ich habe komplett übersehen, dass.

    InformationsquelleAutor JackTheKnife

Schreibe einen Kommentar