Hola señores, estoy intentando cargar mediante el método load un contenido en un article de manera asincronica(AJAX). El contenido lo pido por url's en php, pero algo estoy haciendo mal que no me funciona... os dejo el código, agradecería mucho que me ayudarais, pues ya he buscado mucho acerca del tema pero no lo consigo sacar! yo juraría que el jquery está bien, pero por lo que veo no! asi que no se cual puede ser mi error...
Este es el HTML:
Código:
<section id="containerExp">
<article>
<nav>
<ul>
<li><p><a id"muestrame" href="presentacion-casa.php?zona=fachada">Fachada</a></p></li>
<li><p><a id"muestrame" href="presentacion-casa.php?zona=hall">Hall</a></p></li>
<li><p><a id"muestrame" href="presentacion-casa.php?zona=salon">Salón</a></p></li>
<li><p><a id"muestrame" href="presentacion-casa.php?zona=cocina">Cocina</a></p></li>
<li><p><a id"muestrame" href="presentacion-casa.php?zona=habitaciones">Habitaciones</a></p></li>
</ul>
</nav>
</article>
<article id="contentHome">
</article>
Este es el php:
Código:
<?php
if($_GET['zona'] == "fachada"){
echo "Esto es fachada";
}
if($_GET['zona'] == "hall"){
echo "Esto es hall";
}
if($_GET['zona'] == "salon"){
echo "Esto es salon";
}
if($_GET['zona'] == "cocina"){
echo "Esto es fachada";
}
if($_GET['zona'] == "habitaciones"){
echo "Esto es habitaciones";
}
?>
Y este el dichoso Jquery..
Código:
$(document).ready(inicio);
function inicio(){
$("#muestrame").click(mostrar);
};
function mostrar(){
var page = $(this).attr("href");
$("#contentHome").load(page);
return false;
};
Cuando pulso en el link, lo que hace es llevarme a la url, pero no me lo muestra en el #contentHome, que es como pretendo..=(
gracias de antemano señores. Un saludo