Tendo problemas para desmarcar todas as guias jQuery
-
10-07-2019 - |
Pergunta
Eu configurar alguns guias jQuery para começar sem guias selecionadas como esta:
$('#tabs').tabs( { selected: -1 } );
Então eu também tenho um link separado que necessidades quando pressionados para desmarcar todas as guias.
$("#deselectButton").click(function(){
$('#tabs').tabs( 'select' , -1 )
});
ou
$("#deselectButton").click(function(){
$('#tabs').tabs( 'selected' , -1 )
});
O deselectButton clique faz desmarcar o conteúdo abas, porém o título abas permanece ativa com a classe 'ui-tabs-selecionados ui-estado ativo'.
O que é a maneira correta para desmarcar todas as abas?
Solução
Tente este código:
$("#deselectButton").click(function(){
$('#tabs').tabs( 'selected' , -1 )
$(".ui-tabs-selected").removeClass("ui-state-active").removeClass("ui-tabs-selected");
});
Outras dicas
jQuery 1.10 requer a dobrável opção a ser definido como verdadeiro.
$('#tabs').tabs('option', 'collapsible', true);
$('#tabs').tabs( 'option', 'active', false );
Se você estiver usando a versão jQuery UI 1.9+, em seguida, o código CSS foi alterado para:
$('#tabs').tabs('option', 'active', false);
ou
$('.ui-tabs-active').removeClass('ui-tabs-active ui-state-active');
como por comentários abaixo. Graças
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow