este es mi script para cargar contenido por ajax:
Código Javascript:
La lógica del script anda es decir me carga por ajax la pagina que tiene el link en el que hago click, el problema es que dejan de funcionarme todos los efectos jquery que tenia (tabs, slider, etc).Ver original
var x; x = $(document); x.ready(inicializarEventos); function inicializarEventos() { var x; x = $('.ajax'); /*x.click(presionEnlace);*/ x.live("click", presionEnlace); } function presionEnlace() { console.log($(this).attr("href")); var pagina = $(this).attr("href"); /*var x = $('#main'); x.ajaxStart(inicioEnvio); x.load(pagina); x.ajaxStop(paroEnvio);*/ var x = $('#main'); x.ajaxStart(inicioEnvio); x.load(pagina); x.ajaxStop(paroEnvio); return false; } function inicioEnvio() { var x = $("#preloader"); var y = $("#wrapper"); y.css({ 'opacity' : 0.3 }); x.css("display","block"); } function paroEnvio(){ var x = $("#preloader"); var y = $("#wrapper"); x.hide(); y.css({ 'opacity' : 1 }); }
Estuve googleando y todos los post que vi dicen que hay que usar live porque según entendí se pierde lo que tenia el head, pero como ven en mi código lo puse y sigue sin funcionar. En que me estoy equivocando, alguien tiene o tuvo el mismo problema?
Algún alma caritativa que pueda darme una mano, hace meses que vengo intentando resolver este problema.
Desde ya muchas gracias