Estou desenvolvendo um sistema utilizando PHP
, com a idéia de possuir apenas uma página. Como? (Não sei se é a melhor solução, acredito que não seja), desenvolvi um menu lateral que é fixo e os conteúdos a serem alterados ficariam no centro da página, o menu lateral contem alguns "links" ex:
<li class="treeview">
<a id="menuPerfil">
<i class="fa fa-user"></i>
<span>Perfil</span>
</a>
</li>
Ao clicar nesse "link", carrego um arquivo html
que contem um formulário simples de acordo com o link do menu clicado.
Fiz um script
jQuery
utilizando a função load()
:
$("#menuPerfil").click(function () {
$('#principalContent').load("formPerfil.html.twig");
});
Conforme os links são clicados, é carregado um determinado html
. Porém o html
carregado pela função load do jQuery
não consegue acessar algo que está no index, por exemplo uma tag
do twig
, é como se carregasse um html
independente da index, e não apenas o incluísse.
Gostaria de saber se alguem conhece um modo de resolver utilizando a função .load()
, tendo em vista que ela não acumula os arquivos html
carregados na mesma página, ou alguma outra forma de fazer corretamente o carregamento desses dados, sem ter que fazer uma página diferente para cada funcionalidade do sistema.
OBS: utilizo PHP
, twig
e jQuery
no projeto.