jQuery Tabs Auswahl bestimmter Registerkarte

7

Ich habe eine Seite mit einer Reihe von jQuery-Registerkarten. Alle Tabs zeigen auf dasselbe Ziel-Div, aber laden es mit anderem Inhalt über Ajax. Wenn ich die anfängliche vollständige Seitenladung durchführe, muss ich die aktive Registerkarte abhängig von verschiedenen Faktoren unterschiedlich einstellen. Der Inhalt im Ziel-Div ist bereits auf dem Server für diesen ersten Ladevorgang festgelegt, sodass ich nicht auf die Registerkarte klicken muss. Ich muss lediglich die richtige Registerkarte auf "Ausgewählt" setzen. Ich habe versucht, die Klasse des relevanten "li" html-Elements auf "ui-tabs-selected" zu setzen. Dies hat den ursprünglich gewünschten Effekt, aber sobald die Seite geladen ist, wird beim Auswählen einer anderen Registerkarte die vorgewählte nicht ausgeschaltet, wobei zwei Registerkarten übrig bleiben.

Also, jemand kennt eine alternative Möglichkeit, eine Registerkarte vorzuwählen (ohne zu bewirken, dass sie angeklickt wird), oder eine Lösung für das seltsame "ui-tabs-selected" Verhalten, das ich sehe.

Danke.

%Vor%

Und das C # -Fragment, das den UL aufbaut:

%Vor%

Eine andere Version:

%Vor%     
DEH 01.07.2010, 22:29
quelle

5 Antworten

4

Sie könnten die erste Zeile innerhalb Ihrer Tab-Umschaltfunktion haben, um die ausgewählte Klasse zu entfernen:

%Vor%     
ethagnawl 01.07.2010, 22:34
quelle
22

Was Sie suchen, ist die ausgewählte Option . ZB

%Vor%     
Gert Grenander 01.07.2010 22:52
quelle
1

Ändern Sie dies:

%Vor%

Dazu:

%Vor%

Bearbeiten: und ...

%Vor%     
offner 01.07.2010 23:33
quelle
1

Falls jemand anders hier nach der Antwort sucht, ist die aktuelle (ab diesem Datum) Möglichkeit, eine Registerkarte auszuwählen (jQuery UI 1.10), die Option "active" zu verwenden:

Initialisieren Sie die Registerkarten mit der angegebenen aktiven Option:

%Vor%

Ссылка

    
camainc 31.07.2013 14:51
quelle
0

Die Lösung bestand darin, Klassen hinzuzufügen und zu entfernen, wie Ethagnawl vorgeschlagen hat. Die folgende C # zeigt sowohl das zu erstellende UL als auch die erforderliche jQuery-Skript-Injektion. Das wichtige Bit ist in der Show: Funktion, wo die Klassen manipuliert werden. Es ist dieser Code, der das Problem umgeht.

%Vor%     
DEH 02.07.2010 09:44
quelle

Tags und Links