Eu estou com uma tela feita no bootstrap que contem duas tabs, uma chamada "Configurações" e a outra "Usuários". Dentro da tab "Configurações", tenho um formulário simples, normal, já dentro da tab "Usuarios", tenho um select do banco, e com esse resultado eu monto uma paginação.
O problema é que quando eu clico em qualquer link da paginação, a tela volta para a tab "Configurações".
Já tentei adicionar a classe "active" nas tabs e nas divs correspondentes via jQuery mas não funcionou, tentei também passar o id
da tab pela URL mas também não deu.
Trecho jQuery:
$(".pagination").find('a').each(function(){
$(this).click(function(e){
e.preventDefault();
$("a[href='#alunos']").tab('show');
});
});
Trecho HTML:
<ul id="tabs_sistem" class="nav nav-tabs">
<li id="tab_perfil" class="active">
<a href="#perfil" data-toggle="tab">Configurações</a>
</li>
<li id="tab_alunos">
<a href="#alunos" data-toggle="tab">Usuários</a>
</li>
</ul>
Tab com paginação:
<div class="tab-pane" id="alunos">
<table class="table table-striped table-hover table-instituicao-usuario-list">
<thead>
<th>Nome</th>
<th>E-mail</th>
<th>Data de nascimento</th>
<th>Perfil</th>
<th class="text-center">Remover</th>
</thead>
<tbody>
<?php
include realpath(dirname(__FILE__)) . '/includes/sistema.paginacao.php';
?>
</tbody>
</table>
</div>