Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Galera,
Sou iniciante e estou com uma dificuldade...
Tenho um script que peguei na net para fazer abas em Jquery. Porém não consigo faze-lo carregar páginas PHP nas abas.
Alguem pode me ajudar? Seguem os códigos:
HTML (esta dentro de uma página "dashboard.php")
<html>
<body>
<div id="menu" class="clear">
<ul class="tabs">
<li><a href="painel.php">Painel</a></li>
<li><a href="listaFuncionarios.php">Funcionarios</a></li>
<li><a href="listaFornecedores.php">Fornecedores</a></li>
<li><a href="listaUsuarios.php">Usuarios</a></li>
</ul>
</div>
<div id="#aba1" class="conteudo">
<p>Aqui deveria carregar a página "painel.php"</p>
</div>
<div id="#aba2" class="conteudo">
<p>Aqui deveria carregar a página "listaFuncionarios.php"</p>
</div>
<div id="#aba3" class="conteudo">
<p>Aqui deveria carregar a página "listaFornecedores.php"</p>
</div>
<div id="#aba4" class="conteudo">
<p>Aqui deveria carregar a página "listaUsuarios.php"</p>
</div>
</body>
</html>Script
//Quando carregar a pagina
$(document).ready(function(){
//On Click Event
$('#ul.tabs li a').click(function(){// Faz o carregamento da página de acordo com o COD da página, que vai pegar os valores da página page.php.
$(".conteudo").load($(this).attr('href'));
$(".conteudo").fadeIn('slow'); //efeito de fade in com o conteúdo ativo
return false;
});
});Desde já agradeço a ajuda!
Carregando comentários...