Haben Sie Probleme beim Abwählen aller jquery tabs
-
10-07-2019 - |
Frage
gesetzt ich einige jQuery Tabs oben ohne Tabs wie folgt ausgewählt beginnen:
$('#tabs').tabs( { selected: -1 } );
Dann habe ich auch einen separaten Link, wenn sie gedrückt Bedarf alle Registerkarten zu deaktivieren.
$("#deselectButton").click(function(){
$('#tabs').tabs( 'select' , -1 )
});
oder
$("#deselectButton").click(function(){
$('#tabs').tabs( 'selected' , -1 )
});
Die deselectButton klicken um den Registerkarten Inhalt macht die Auswahl aufzuheben, aber die Registerkarten Titel bleiben mit der Klasse ‚ui-tabs-ausgewählt ui-state-aktiv‘ aktiv.
Was ist der richtige Weg, um alle Registerkarten zu deaktivieren?
Lösung
Versuchen Sie diesen Code ein:
$("#deselectButton").click(function(){
$('#tabs').tabs( 'selected' , -1 )
$(".ui-tabs-selected").removeClass("ui-state-active").removeClass("ui-tabs-selected");
});
Andere Tipps
jQuery 1.10 erfordert die zusammenklappbar Option auf true gesetzt werden.
$('#tabs').tabs('option', 'collapsible', true);
$('#tabs').tabs( 'option', 'active', false );
Wenn Sie die jQuery UI-Version verwenden 1.9+ dann die CSS-Code hat sich geändert:
$('#tabs').tabs('option', 'active', false);
oder:
$('.ui-tabs-active').removeClass('ui-tabs-active ui-state-active');
nach Kommentaren unten. Dank
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow