Jquery y navegadores...

ramirami · #1 (**permalink**) 29/04/2012, 14:38

Hola amigos,

una duda rápida.. espero..

tengo el siguiente script en un html, que lo que hace es cargar htmls en un div (submenu es una lista y contenedorprincipal el div contenedor:

Código Javascript:

Ver original<script>
$(function(){
    $("#submenu a").click(function(){
        var page = this.hash.substr(1);
        $.get(page+".html",function(gotHtml){
            $("#contenedorprincipal").html(gotHtml);
        })
    });
});
</script>

el problema es que en Firefox funciona de lujo.. pero en chrome e IE.. nada de nada.

a ver si me podéis echar una mano!

muchas gracias de antemano! Un saludoo

emprear · #2 (**permalink**) 29/04/2012, 18:42

Si estás cargando html en un div, porque no usar simplemente load()?

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<body>
<ul id="submenu">
    <li><a href="#intro">intro</a></li>
    <li><a href="#demo">demo</a></li>
</ul>
<div id="contenedorprincipal"></div>
 
<script type="text/javascript">
//<![CDATA[
 
$(function(){
 
$("#submenu a").click(function(){
var page = this.hash.substr(1);
$("#contenedorprincipal").load(page+".html");
});
 
});
 
//]]>
</script>
</body>
</html>

Saludos

ramirami · #3 (**permalink**) 30/04/2012, 08:51

Gracias!

el problema era que no estaba tirando de un web server. Esos navegadores no lo soportan.