Olá!
Estou desenvolvendo um site em .jsp da com o seguinte esqueleto:
- 1 div menu no topo da pagina
- 1 div conteudo no centro da pagina
- 1 div inferioir no final da pagina
de modo que, quando o internauta clicar em alguma chamada de um menu, execute uma função que carregará o conteudo de uma outra pagina dentro da div conteudo.
Exemplo:
<li><*a href="#" onclick="abrirPagina('home');"*>HOME</a></li> (Tive que colocar o * senão não mostrava)
...
<script>
function abrirPagina(tela) {
if (tela == "home") {
$("#conteudo").load('home.jsp');
}
else if (tela == "empresa") {
$("#conteudo").load('empresa.jsp');
}
else if (tela == "produtos") {
$("#conteudo").load('produtos.jsp');
}
else if (tela == "representantes") {
$("#conteudo").load('representantes.jsp');
}
else if (tela == "equipamentos") {
$("#conteudo").load('equipamentos.jsp');
}
else if (tela == "contato") {
$("#conteudo").load('contato.jsp');
}
}
</script>Acontece que, dentro dessas paginas que eu mando carregar, existe algumas funções jQuery que fazem diferentes coisas, principalmente na parte visual, como por exemplo arredondamento de cantos de uma div como segue abaixo:
<!-- home.jsp-->
<script type="text/javascript">
$(document).ready(function(){
$('#representantes').corner("top");
$('#produtos').corner("top");
$('#legislacao').corner("top");
})
</script>
<script type="text/javascript" src="../js/jquery-1.4.4.js"></script>
<script type="text/javascript" src="../js/jq-corner.js"></script>
<script type="text/javascript" src="../js/jquery.corner.js"></script>
...
<div id="representantes"><strong>REPRESENTANTES</strong></div>
<div id="produtos"><strong>PRODUTOS E SERVIÇOS</strong></div>
<div id="legislacao"><strong>LEGISLAÇÃO E GOVERNO</strong></div>O meu problema é que quando carrega estas paginas, não executa essas funções jQuery. Somente é executado quando clicado no link 2 vezes…
Da a impressão de que o navegador não consegue entender 2 funções ao mesmo tempo.
Alguém teria alguma ideia como resolver este problema?
Att.
