0

我有一个带有多个选项卡的 div，当您单击每个选项卡时，这些选项卡会显示嵌套的 div。我需要知道如何在页面加载时自动显示第二个选项卡：

  <div style="border: solid 1px #ddd; padding: 6px 6px; min-height: 300px;">
                <ul id="tabs" class="nav nav-tabs">
                    <li><a href="#general" data-toggle="tab">General Info</a></li>
                    <li><a href="#narrative" data-toggle="tab">Narrative</a></li>
                     <li><a href="#audit" data-toggle="tab">Audit</a></li>
               </ul>
                <div id="my-tab-content" class="tab-content paddingbottom20">
                    <div id="general" class="tab-pane">

                  </div>
                     <div id="narrative" class="tab-pane">

                    </div>
                    <div id="audit" class="tab-pane">

                    </div>
               </div>
            </div>
4

2 回答 2

5

使用“主动”类。

 <li class="active"><a href="#narrative" data-toggle="tab">Narrative</a></li>

 <div id="narrative" class="tab-pane active"></div>
于 2014-02-25T23:17:27.253 回答
2

假设您使用的是 Bootstrap 选项卡，请尝试以下操作： https ://stackoverflow.com/a/10304394/347455

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

ETA：正如其他答案指出的那样，“活动”类也有效

于 2014-02-25T23:17:43.950 回答