Javascript 使用jquery选择tab

我已经在我的UI中使用了jquery选项卡。我需要做的是，当页面加载时，我需要选择第二个选项卡。默认情况下，它使用class=“Active”打开标记。但是我不想打开活动标签的内容，而是想打开另一个标签的内容。我该怎么做呢。以下是我的html选项卡代码：

<div class="typo">
    <div class="container-fluid">

        <div class="Buttons">
            <!--  <h3 class="ghj"><p align="center">Modules</p></h3>-->
             <h1>
                <ul class="nav nav-tabs">
                  <li class="active"><a data-toggle="tab" href="#Basic" class="btn btn-info" role="button">Data Preprocessing</a></li>
                  &nbsp; &nbsp; &nbsp;
                  <li><a data-toggle="tab" href="#WGCNA" class="btn btn-info" role="button">WGCNA</a></li>
                  &nbsp; &nbsp; &nbsp;
                  <li><a data-toggle="tab" href="#Custom" class="btn btn-info" role="button">Genome Mapping</a></li>
                  &nbsp; &nbsp; &nbsp;
                  <li><a data-toggle="tab" href="#RNA" class="btn btn-info" role="button">RNA Seq</a></li>
                  &nbsp; &nbsp; &nbsp;
                </ul>
             </h1>
           </div>
        </div>
    </div>

---

这里我需要做的是，我需要在页面加载上显示选项卡“WGCNA”的内容。如何实现这一点？

您可以使用以编程方式打开选项卡

有两种方法可以实现这一点

您可以在初始化时通过启动时的

active

选项，如下所示：

$( ".nav-tabs" ).tabs({
 active: 1
});

记住它是零基的

或在初始化后设置活动选项：

$( ".nav-tabs" ).tabs( "option", "active", 1 );

---

您是否尝试将active设置为第二个选项卡？是的，我尝试使用jquery的addClass方法将active设置为第二个选项卡，但执行此操作后，我得到的是空白页，WGCNA选项卡未激活，我也未获得其内容。请检查SO，以防在页面加载时需要将选项卡切换为

active

，然后直接在

html

code中设置类，不使用jqueryy，您至少可以触发单击另一个选项卡，在页面加载时打开它：D