Haben Sie Probleme beim Abwählen aller jquery tabs

Question

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?

Answer 1

Versuchen Sie diesen Code ein:

$("#deselectButton").click(function(){          
    $('#tabs').tabs( 'selected' , -1 )
    $(".ui-tabs-selected").removeClass("ui-state-active").removeClass("ui-tabs-selected");
});

Answer 2

jQuery 1.10 erfordert die zusammenklappbar Option auf true gesetzt werden.

$('#tabs').tabs('option', 'collapsible', true);
$('#tabs').tabs( 'option', 'active', false );

Answer 3

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