2011-01-09 3 views
4

festgelegt wurde Ich habe große Web-Anwendung mit JQuery UI Tabs. In der zentralen JS-Datei habe ich alle Tabs eingerichtet.Wie Standard-JQuery UI-Registerkarte als eine andere als die erste

$("#tabs").tabs;

verwenden, aber auf einer Seite muss ich als erstes eine andere Registerkarte ausgewählt haben.

Wenn ich

$("#tabs").{ selected: add });

(Name der Registerkarte #add ist)

Sein nicht ausgeführt wird, wahrscheinlich, weil Tabs sind bereits eingerichtet.

Kann jemand anderes als die erste Registerkarte öffnen (im Standardzustand - nach dem Laden der Seite) wenn Tabs bereits eingeschaltet sind?

Ich hoffe, Sie werden verstehen, mein Englisch ist ziemlich schrecklich.

Antwort

8

Resurrecting eine alte Frage, aber ich konnte das Beispiel von Andrew arbeitet nicht bekommen.

Stattdessen was für mich gearbeitet, dank zweites Beispiel des Rionmonster here war:

var index = $('#tabs li a').index($('a[href="#add"]').get(0)); 
$('#tabs').tabs({selected: index}); 

Sie haben den nullbasierten Index als „ausgewählt“ -Option, wenn tabs() Aufruf zu übergeben. Die erste Zeile des obigen Codes ruft den nullbasierten Index der Registerkarte für "#add" ab, wenn Sie es nicht bereits wissen.

5

Verwendung:

$("#tabs").tabs("select", index)

Wo index ist die nullbasierte Index der Registerkarte, die Sie auswählen möchten, oder einen Wähler bezeichnen die Registerkarte Sie öffnen wollen. Also in Ihrem Fall:

$("#tabs").tabs("select", "#add");

+0

Ich werde es versuchen. Vielen Dank. – yety

9

ich dieses alte weiß, aber ich bemerkte einen Fehler im Code, den Sie geschrieben haben:

$("#tabs").{ selected: add }); 

Diese

$("#tabs").tabs({ selected: add }); 

Auch sollte selected Option wird als von jQuery UI veraltet 1.9 wie angegeben here. Empfohlen wird die active Option, Details here

Verwenden Sie in jedem Fall den Index der Registerkarte, die Sie öffnen möchten, nicht den href Wert; d.h.wenn Sie die dritte Registerkarte öffnen möchten verwenden

$("#tabs").tabs({ selected: 2 }); 

oder

$("#tabs").tabs({ active: 2 }); 

Scheck this fiddle

Verwandte Themen