jquery kullanarak sekme seçin

Question

UI'ye jquery sekmesi kullandım. Yapmam gereken şey, sayfa yüklendiğinde ikinci sekmeyi seçmem gerekiyor. Varsayılan olarak etiketi class = "Active" ile açıyor. Ancak, Active etiketinin içeriğini açmak yerine, başka bir etiketin içeriğini açmak istiyorum. Bunu nasıl yaparım. İşte yapmam gerekenleri

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

ben sayfa yüklemesinde sekmesi 'WGCNA' içeriğini görüntülemek için gereken şudur: Burada html benim sekme kodudur. Bunu nasıl başarabilirim?

Answer 1

tabs api'u kullanarak sekmeleri programatik olarak açabilirsiniz.

Bunu başarmanın iki yolu vardır.

Böyle başlangıç ​​active seçeneği geçen başlatma sırasında yapabilirsiniz:

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

sıfır tabanlı oluyor unutmayın.

Ya başlatmasından sonra aktif seçeneğini ayarlayarak:

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