Problema con evento js y ajax

[50l3r]

Saludos

Veran, estoy desarrollando una pagina, en la cual genero contenido dinamicamente con ajax.

En el index.jsp, tengo unas funciones las cuales pintan un contenido en un div, dentro de ese contenido hay otro div el cual tiene asignado un evento por jquery, en la pagina index.jsp.

En el script inicial, genero el evento javascript, para que me habra un popup:

Código Javascript:

$('#sharemail').click(function(){
        if(document.getElementById('pop_overlay').style.display=="block" && document.getElementById('pop_overlay2')){
            $('#pop_overlay2').fadeIn("slow");
            $('#pop_overlay2 .box').fadeIn("slow");
        }else{
            $('#pop_overlay').fadeIn("fast");
            $('#pop_overlay .box').fadeIn("fast");
        }
        
        var rel = this.rel;
        var titulorel = this.lang;
        document.getElementById('share_notice').value= rel;
        document.getElementById('titulo_notice').innerHTML= titulorel;
    });
 

La primera vez que genero el codigo en ajax, dicho evento me lo ejecuta correctamente y me habre el div "pop_overlay":

Código HTML:

<div id="pop_overlay">
        <div class="box">
Prueba
            </div>
        </div>
    </div
 

Esta situado en el index.jsp, pero al ejecutar por 2 vez el evento, no me funciona.

Es un tema bastante lioso, si me he explicado mal hacermelo saber.

Un saludo, y gracias :)

[maycolalvarez]

lo que no veo es la llamada mediante AJAX y su proceso en el servidor, prácticamente nada con que ayudar

[josanlopez]

Buenas

A mi me ocurrió algo parecido, conseguí resolverlo haciendo una llamada a la recarga del codigo javascript, el que abre el popOverlay dentro de la función "procesarEventos" de mi archivo de AJAX (la que muestra el código actualizado en la web).

Saludos

[50l3r]

el codigo ajax esta en un js que asocio desde la cabecera:

Código Javascript:

$('dl.listado-noticias dt a').click(function(){
        $('#pop_overlay').fadeIn("fast");
        $('#pop_overlay .box').fadeIn("fast");
        
        var miPage = this.rel;
        var el = this;
        $.get(miPage, function(data) {
            $('#pop_overlay .box').html(data);
            
        });
    });