Problemas con ajax y jquery

[pitillo44]

Hola tengo el siguiente problema , necesito refrescar un div
y cuando refresca con ajax ya no me funciona el lytebox ya las imagenes no abren ni los video de youtube pero inicialmente si funciona solo pasa cuando refresca el div



------->Pagina que contiene el div<-----

contiene el ajax y el jquery con su css


<link rel="stylesheet" type="text/css" href="../css/lytebox.css" media="screen"/>
<script type="text/javascript" language="javascript" src="../includes/js/lytebox.js"></script>

<script language="javascript" src="../includes/js/jquery.timers-1.0.0.js"></script>

<script type="text/javascript">

$(document).ready(function(){
var j = jQuery.noConflict();
j(document).ready(function()
{
j(".refreshMe1").everyTime(10000,function(i){
j.ajax({
url: "noticias_default.asp",
cache: false,
success: function(html){
j(".refreshMe1").html(html);
}
})
})
});
j('.refreshMe1').css({color:"red"});
});



</script>

para llamar al div que esta en otra archivo que que se llama noticias_default

que incluye solo las consultas
y una imagen



no funciona el ligthbox lytebox en noticias_default.asp


espero que me ayuden gracias

[maycolalvarez]

de nada te sirve jQuery NoConflict con doble definición del ready, solamente te basta una.

no te funciona porque cuando usas AJAX para modificar el contenido HTML de la capa, modificas el DOM y dichos objetos pierden las referencias y eventos previamente asignados, recuerda que fueron asignados al cargarse al DOM, y no persisten cuando lo modificas en el futuro con una carga vía AJAX futura.

soluciones, 2:
-volver a asignar después de modificar el DOM j(".refreshMe1").html(html);
-usar jQuery Live

[pitillo44]

hola
en que parte se volveria a asignar en el codigo javascript de refreshme o
en la pagina que estoy llamando el contenido?

gracias

[maycolalvarez]

te lo indique en el post anterior en negrita!!!!

[pitillo44]

Iniciado por maycolalvarez

de nada te sirve jQuery NoConflict con doble definición del ready, solamente te basta una.

no te funciona porque cuando usas AJAX para modificar el contenido HTML de la capa, modificas el DOM y dichos objetos pierden las referencias y eventos previamente asignados, recuerda que fueron asignados al cargarse al DOM, y no persisten cuando lo modificas en el futuro con una carga vía AJAX futura.

soluciones, 2:
-volver a asignar después de modificar el DOM j(".refreshMe1").html(html);
-usar jQuery Live

hola me podrias ayudar es que no tengo conocimiento en javascript y ajax

gracias