Categories: javascript

Selecionar abas dinamicamente usando jquery-ui tabs

Dois meios para selecionar uma aba no jquery-ui-tabs automaticamente ao carregar a página.

1> Obtendo a url via GET e selecionando a aba dinamicamente:

$(document).ready(function(){
	    var param = $(document).getUrlParam('aba');
	    $('#tabs-ui').tabs('select', param);
	});

Explicação: a variável param recebe o valor ‘aba’ vindo do get e seleciona aba com o mesmo nome. Ex: ?index.php?aba=calendario –> seleciona a tab com o id “calendario”
–> #tabs-ui deve ser substituido pelo ID da div container do jqueiryui-tabs

2> Selecionar tab automaticamente ao carregar a paina:

$(document).ready(function(){
	    $('#tabs-ui').tabs('select', 'tabs-adicionar');
	});

Explicação: Foca na div ‘tabs-adicionar’ dentro do container ‘tabs-ui’ ao carregar o documento.

Felipe Braz

Share
Published by
Felipe Braz

Recent Posts

online ansible vault tool

A criação e validação de credenciais seguras em ansible sempre gera um pouco de dor…

2 anos ago

Magento e o mistério do servidor somente-leitura

Dia desses, um dos meus servidores entrou com o sistema de arquivos / em modo…

5 anos ago

Localização de arquivos .desktop no ubuntu

O launcher do ubuntu não fornece muitas opções me relação aos icones, muitas vezes apps…

5 anos ago

Ordenar array por tamanho em php

Três meios diferentes para a mesma finalidade: Usando funções nativas do PHP (recomendado): array_multisort(array_map('strlen', $array),…

5 anos ago

Adicionar suporte a rc.local no ubuntu 16.04 ou superior

Embora um script muito útil para tarefas de inicialização de um servidor, essa funcionalidade se…

5 anos ago

API json registro.br gratuita

Pra que precisa de uma API pra consultar domínios .br é só utilizar a pagina…

5 anos ago