Wählen Sie Registerkarte mit jquery

Ich habe jquery Registerkarte in meiner Benutzeroberfläche verwendet. Was ich tun muss, ist, dass ich die zweite Registerkarte auswählen muss, wenn die Seite geladen wird. Standardmäßig wird das Tag mit class = "Active" geöffnet. Aber anstatt den Inhalt von Active Tag zu öffnen, möchte ich den Inhalt eines anderen Tags öffnen. Wie mache ich das. Hier ist mein Registerkarte Code in html:Wählen Sie Registerkarte mit jquery

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

hier, was ich tun muß, ist, ich brauche auf Seite lädt den Inhalt des Registerkarte ‚WGCNA‘ anzuzeigen. Wie erreiche ich das?

Quelle

2016-03-24 Chaitanya Deshpande

haben Sie versucht, auf die zweite Registerkarte aktive Einstellung? – gurvinder372

Ja, ich habe versucht, Active zu setzen, um die addClass-Methode von jquery zu verwenden, aber nachdem ich das getan habe, bekomme ich eine leere Seite und der WGCNA-Tab wird nicht aktiv, auch bekomme ich den Inhalt nicht. –

überprüfen Sie die SO http://StackOverflow.com/questions/15304027/how-to-change-tabs-programmatical-in-jquery-ui-1-9 – WhoAmI

Sie können Registerkarten mit der tabs api programmatisch öffnen.

Es gibt zwei Möglichkeiten, dies zu erreichen.

Sie können bei der Initialisierung tun, um die active Option auf Start wie folgt übergeben:

es Null-basierte

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

bleiben.

Oder die aktive Option nach der Initialisierung Einstellung:

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

Quelle

2016-03-24 09:26:58

Wählen Sie Registerkarte mit jquery

Antwort

Verwandte Themen