Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/12/2010, 15:47
Ruben_C
 
Fecha de Ingreso: febrero-2006
Mensajes: 217
Antigüedad: 18 años, 10 meses
Puntos: 0
Problema con ¿sub-carga? de un div usando ajax

Hola, ojala pueda explicarme.

Con jquery mediante ajax cargo diferentes paginas de un menu en un div llamado texto, hasta ahi todo bien, el problema es que quiero que al cargar la pagina por ejemplo "prueba.html" el link que incluye cargue la pagina a la que hace referencia "prueba2.html" en el mismo div, pero no sucede.

Código:
function Load(){
	$("#texto a").click(function(){
		Recarga(this.href);
		return false;
		
	});
	
}

function Recarga (Url) {$.ajax({
		type: 'get',
		url: Url,
		async: false,
		dataType: 'html',
		success: function(data){
			$("#texto").html(data)
								
		}
        // Animation complete
		});
}
El html original de la pagina inicial tiene un link a la pagina hola.html y es
Código HTML:
<div id="menu"> <a href="prueba.html">Prueba 1</a> | <a href="prueba2.html">Prueba2</a></div>

<div id="texto">Contenido original con link a pagina hola <a href="hola.html">cargar</a></div> 
Al iniciar la pagina hay un link a hola.html, aquí se ejecuta la funcion sin problema, carga perfectamente el contenido de la pagina hola dentro del mismo div


Pero si desde el menu cargo prueba.html que a su vez tiene un link a prueba2.html ya no carga el contenido de prueba2.html en el div.

Se entiende?