Galera, Boa noite,seguinte
tenho uma função em jquery que chama uma lógica do vraptor...na parte d cima eu tenho um menu, e naparte de baixo eu tenho a div onde eu abro os conteudos. no Firefox ele funciona redondo, no IE ele abre o conteudo em otra pagina, Porem quando eu aperto back e tento novamente funciona, alguem sabeo pq?ou ja passou por situação parecida?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/menu.css" />
<link href="css/arquivos.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function (){
// $("#Main").load('index.html'); //Aqui ele faz com que a página carregue o arquivo index.html na div conteudo assim que ele carregar, você pode usar o nome de arquivo que quiser eu deixei este no exemplo para ficar mais intuitivo
// $("#Main").alert("Teste");
$("#tabsJ a").click(function(){ //Evento de clique em algum item do menu
$("#Main").fadeOut(10); //Aqui faz a div conteudo dar um efeito de fade out para
$("#Main").load($(this).attr("href")); //Aqui carregar o conteudo que é carregado pelo atributo href do link pode por exemplo um span com um atributo name ai você pode usar do modo que quiser.
// $("#Main").load('/arquivos/raiz');
//alert("Teste");
$("#Main").fadeIn(1000); //Aqui faz um efeito de fade in na div conteudo com o conteudo já carregado
return false; //Aqui ele faz com que o link não seja carregado, assim ele só carrega o conteudo do arquivo na div aqui no caso a div conteudo
});
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style1 {font-size: 36px}
-->
</style>
</head>
<body>
<div class="divMenu" id="divMenu" >
<br /> <img src="img/logo1.png" width="553" height="95" />
<div id="tabsJ">
<ul>
<li><a href="arquivos/raiz" title="arquivos.html"><span>Arquivos</span></a></li>
<li><a href="index4.html" title="index4.html"><span>Financeiro</span></a></li>
<li><a href="index5.html" title="index5.html"><span>Comercial</span></a></li>
<li><a href="index6.html" title="index6.html"><span>Painel de Controle</span></a></li>
</ul>
</div>
</div>
<div class="divMain" id="Main"></div>
<p> </p>
</body>
</html>
