Deaktivieren von Registerkarten im Bootstrap

8

Ich versuche die Tabs im Bootstrap zu deaktivieren. Ich habe geforscht und ich habe noch keine Lösung gefunden.

Ich habe es versucht: Können Sie Tabs in Bootstrap deaktivieren? Es hat mich zu den Bootstrap-Problemen geführt ... Ich habe auch $('.disabled').removeData('toggle');

ausprobiert

Ich schaute hier .. Ссылка Lösungsversuch: - Falsch zurückgeben

jQuery deaktiviert einen Link Lösungsversuch: - event.defaultPrevented();

Und trotzdem habe ich keine Antwort gefunden. Bis jetzt ist mein Problem, dass die Registerkarte deaktiviert wird, indem false zurückgibt. Wenn die Registerkarte jedoch aktiv ist und angeklickt werden kann, wird sie nicht wie gewünscht auf die andere Registerkarte übertragen.

jsfiddle: Ссылка

Hier ist mein Code:

%Vor%     
RyanDawkins 23.01.2013, 16:27
quelle

6 Antworten

7

Hier ist die Lösung. Es scheint, dass Bootstrap es nicht mag, wenn Sie die aktiven Tags manuell ändern.

%Vor%     
RyanDawkins 23.01.2013, 17:51
quelle
8

HTML: Fügen Sie einfach die deaktivierte Klasse hinzu

JQUERY:

%Vor%     
Pastilla 16.07.2015 11:34
quelle
1

Versuchen Sie Folgendes:

%Vor%

jsFiddle

Ich habe Ihre .not() in eine if-Anweisung geändert, da dies meiner Meinung nach dazu führte, dass Ihre Ereignisse falsch gebunden wurden.
Ich habe auch die zwei Klickereignisse entfernt, die gerade falsch zurückgegeben wurden, da sie überflüssig erschienen.

    
Sara 23.01.2013 17:26
quelle
1

Versuchen Sie stattdessen, dieses JavaScript zu verwenden, und es sollte funktionieren! Dies ist ein wenig schlanker und enthält nicht die unnötigen click -Funktionen, die bereits in das Bootstrap-JavaScript integriert sind. Es deaktiviert einfach die Registerkarten und aktiviert sie erneut, wenn Sie auf die Schaltfläche "Aktivieren" klicken.

%Vor%

Erläuterung: Wenn das Dokument geladen wird, fügen Sie eine Klasse disabled zu .nav li (Tabs deaktivieren) hinzu. Fügen Sie dem Element active eine Klasse von #bank-tab hinzu (für Styling-Zwecke). Wenn Sie auf die Schaltfläche "Aktiviere Registerkarten" klicken, wenn Elemente mit ul.nav li.disabled übereinstimmen, entfernen Sie die deaktivierte Klasse (um die Registerkarten wieder zu aktivieren).

    
kyle.stearns 23.01.2013 17:45
quelle
1

Nichts davon hat für mich funktioniert. Die Klassen waren nur visuelle Elemente, und das Zurückgeben von false beim Klicken auf bestimmte Registerkarten hat die vorhandene Funktion nicht überschrieben. Ganz zu schweigen davon, dass es schwer ist, den Tab on & amp; basierend auf der Eingabe.

Hier ist, was ich gefunden habe .. um eine andere Registerkarte zu aktivieren, um den Benutzer zurück zu senden.

%Vor%

Der HTML-Code auf der Registerkarte löst aus:

%Vor%

Das Javscript, das die Tabulatortaste von deaktiviert auf aktiviert usw. setzt, ist ähnlich. In diesem Code ist das rentaldropdown -Element ein weiteres <select> -Dropdown, das vorgibt, ob die Registerkarte aktiviert oder deaktiviert werden soll. Führen Sie diese Funktion als onchange trigger angehängt aus.

%Vor%     
jeffkee 28.01.2015 09:34
quelle
0
  

Sehr einfacher Weg

%Vor%     
Rubel Hossain 10.02.2017 04:35
quelle