Estou com algumas dificuldades em criar um menu em que as paginas são carregadas dentro de uma div
.
O que acontece é que estou criando uma aplicação seguindo o padrão MVC, e eu faço os tratamentos das URLs para assim os redirecionar, para cada controller, não sei o que se passa quando ele carrega a página ele não abre especificamente na div
onde predefini.
Codigo jQuery:
jQuery(function () {
jQuery('.ler').click(function () {
jQuery('#open').load('corpo.php', function (e) {
e.preventDefault();
});
});
})
Codigo HTML:
<ul class="nav navbar-nav side-nav">
<li class="active"><a href="<?php URL?>dashboard"><i class="fa fa-dashboard"></i> Dashboard</a></li>
<li><a href="javascript:void(0)" class="ler"><i class="fa fa-bar-chart-o"></i> Categorias</a></li>
<li><a href="<?php URL?>noticia" class="ler"><i class="fa fa-table"></i> Noticias</a></li>
<li><a href="<?php URL?>galeria" class="ler"><i class="fa fa-edit"></i> Galeria</a></li>
<li><a href="<?php URL?>comentarios" class="ler"><i class="fa fa-font"></i> Comentarios</a></li>
<li><a href="<?php URL?>informacoes" class="ler"><i class="fa fa-font"></i> Informacoes</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-caret-square-o-down"></i> Menu <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Enviar Email</a></li>
<li><a href="#">Gerir Usuarios</a></li>
</ul>
</li>
</ul>
E a div
onde as páginas serão carregadas:
<!-- /#navegacao -->
<div id="open"></div>
<!-- /#navegacao //Fim -->
.preventDefault()
? Essa função é a função que corre quando o ajax tem sucesso, e o parâmetroe
(que costuma ser chamado "resposnse") é a resposta, provavelmente HTML...