Carga externa de archivos html con jQuery
1 seguidor
Hola domestiker@s!
He estado buscando y reketebuscando en internete como cargar html externos en un div usando jquery. Lo conseguí, ademas con unos efectitos muy chulos, peeero la pregunta es:
Si el html que cargo tiene efectos también en jquery
¿Cómo puedo mantenerlos una vez se carguen? Actualmente se carga el html+css pero no funciona los efectos en javascript.
Alguna ayuda a este pobre desamparado?
Gracias y felices fiestas!
Usuario desconocido
Bien, la cuestión es que antes de cargar ese contenido, tu navegador ya había "memorizado" lo que había, por lo tanto, para él no va a existir ese nuevo contenido. Osea, que no vas a poder actuar sobre lo que has cargado.
¡Pero eso era antes! Durante un tiempo tuve que recurrir al plugin Live Query, pero en las últimas versiones de JQuery, se ha implementado el evento Live, que sirve justo para lo que tú quieres. Échale un ojo aquí, que está tirao.
inagole
Hola Mambrú, antes que nada muchísimas gracias, pero tengo un problemilla, pongo este código y sigue sin cargarme el script que tiene el html que llamo. dónde pongo el script del html externo? en el mismo doc o en la página donde lo cargo.
este es el código que pongo .load con tu .live, le ves algún fallo?
$(document).ready(function(){ //Receptor
var emi = "#nav a"; //Emisor //Receptor
var src = "IMG/loader.gif"; //Imageen de precarga
var iid = "loading"; //Id de la precarga
var pre = '<img src="'+src+'"id="'+iid+'"/>'; //Objeto precarga
var spe = "slow"; //Velocidad del efecto
$('#email2').live('click',function(){
$("#projects").hide().after(pre).load('static/email.html', function() {$("#"+iid).remove();$(this).fadeIn(spe)});
return false; //Para que no se redireccione.
});
});