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.