Tenho cinco abas, e cada uma exibe ou não o resultado de uma consulta no banco.
<div class="container">
<ul class="nav nav-tabs">
<li class="active">
<a data-toggle="tab" class="nav-link" href="#basic">Basic</a>
</li>
<li class="nav-item">
<a data-toggle="tab" class="nav-link" href="#gold">Gold></a>
</li>
.
.
.
</ul>
a aba basic é ativada quando carrega a pagina:
<script>
$(document).ready(function(){
$('a[href="#basic"]').tab('show');
});
</script>
Ocorre que como cada aba é o resultado de uma consulta, pode ocorrer de a aba "basic" não conter dados nenhum para exibir, e as demais sim.
Procuro uma solução para exibir a primeira aba com resultado, ao carregar a pagina
NOTA: Utilizo ListView para exibir os dados.
$(document).ready(function(){ $('.tab-pane').each(function(){ if($(this).children().length){ $('a[href="#'+ this.id +'"]').tab('show'); return false; } }); });