Tag: aba

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.