Question

我在我的UI中使用了jquery选项卡。我需要做的是，我需要在页面加载时选择第二个选项卡。默认情况下，它使用class =＆＃34; Active＆＃34;打开标记。但是，我想打开另一个标签的内容，而不是打开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>

我需要做的是，我需要显示标签的内容＆＃39; WGCNA＆＃39;在页面加载。我如何实现这一目标？

Answer 1

您可以使用tabs api以编程方式打开标签。

有两种方法可以实现这一目标。

您可以在初始化时通过active选项启动，如下所示：

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

记住它是从零开始的。

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

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

使用jquery选择选项卡

1 个答案: