Tenho um site que possui o menu lateral fixo e a outra parte é carregada as paginas. Para cada página do site eu fiz um arquivo js. Por exemplo: Home.jsp eu tenho o arquivo home.js, Contatos.jsp eu tenho o contatos.js.
Eu estou carregando as páginas com o comando jquery .load('Home.jsp')
. O que acontece é que quando eu abro a pagina Home, os arquivos são carregados normalmente, porém quando eu abro a Contatos, o js da Home da conflito com o js da Contatos. O conflito ocorre pois existem funções com mesmo nome, porém imaginava que ao sobrepor uma página com a outra o js da antiga iria ser "apagado".
Alguém sabe se via JS eu consigo efetivamente apagar um arquivo JS do browser? Ou se tenho que limpar algum cache, ou algo parecido.
Exemplo:
Menu.jsp:
<div>
<div id="home">Home</div>
<div id="contato">Contatos</div>
</div>
menu.js
$(document).ready(function(){
$("#home").click(function(){
//.dconteudo è uma div onde jogo as páginas que serão exibida no site
$(".dconteudo").load("home.jsp")
});
$("#contato").click(function(){
//.dconteudo è uma div onde jogo as páginas que serão exibida no site
$(".dconteudo").load("contato.jsp")
});
});
Home.jsp
....
<head>
<script type="text/javascript" src="home.js"></script>
</head>...
Contato.jsp
....
<head>
<script type="text/javascript" src="contato.js"></script>
</head>...
home.js
function carregaFundo(){
$("#fundo").show(200);
}
contato.js
function carregaFundo(){
$("#fundo").show(200);
}
Quando eu chamo o home.jsp e depois o contato.jsp, ao carregar o contato.jsp, a função carregaFundo() é chamada duas vezes, ou seja, uma vez para o arquivo home.js e outra para o arquivo contato.js
.load
.