Hola, soy nuevo en el tema de AJAX y no puedo resolver el siguiente dilema:
Tengo un pagina html con jquery, en la misma hay 2 divs (menu y contenido), el div menu es generado por una llamada ajax a menu.php el cual le devuelve su contenido (una lista de hipervinculos) el problema me surge cuando quiero hacer click en ellos y que se despligue su contenido en el div contenido. Lo que sucede es que estos vinculos se cargan en una ventana nueva.
Pongo la parte relevante de los archivos.
Agradezco cualquier indicacion. saludos
menu.html
Código:
<script type="text/javascript">
$(document).ready(function() {
$("#menu").load("menu.php");
$("#menu a").click(function() {
$("#contenido").load($(this).attr("href"));
return false;
});
})
</script>
menu.php
Código PHP:
echo '<ul>';
echo '<li><a href="opcion1.html">opcion 1</a></li>';
echo '<li><a href="opcion2.html">opcion 2</a></li>';
echo '<li><a href="opcion3.html">opcion 3</a></li>';
echo '</ul>';