jqueryを使用してタブを選択

Question

私はUIにjqueryタブを使用しました。私がする必要があるのは、ページが読み込まれるときに2番目のタブを選択する必要があるということです。デフォルトでは、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」の内容を表示する必要がある、です。どのように私はこれを達成するのですか？

Answer 1

tabs apiを使用してプログラムでタブを開くことができます。

これを達成するには2通りの方法があります。

あなたはこのようなスタートにactiveオプションを渡して初期化時に行うことができます。

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

は、それはゼロベースです覚えておいてください。

または初期化した後、アクティブなオプションを設定する：

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