Me ha pasado lo siguiente y no logro comprender como se podria resolver.
Tengo un evento en jquery que carga contenido externo mediante load() y la inyecta en un div, hasta ahi todo bien, el problema viene cuando manejo un evento que se activa con algun elemento que se encuentra en el contenido externo que se cargo, por que el evento no se realiza.
Es algo mas o menos asi
Código HTML:
Ver originalpagina1 ...contenido de mi pagina 1 con mi primer evento
<a href="#" id="algo">primer evento
</a>
Código HTML:
Ver originalpagina2 ....contenido externo que se va a cargar en la pagina 1 y que tiene otro evento
....mucho contenido por aqui
<input type="submit" value="algoporaqui" id="algo2">segunto evento
</a>
Código Javascript
:
Ver original//este evento carga el contenido de la pagina 2 y lo inyecta en pagina 1....perfecto !...todo bien
$('#algo').click(function(){
$('div').load('pagina2.html');
});
//este evento deberia mostrar un alert, pero como se esta inyectando en pagina1 mediante load...no se ejecuta ! WTF
$('#algo2').click(function(){
alert('yo soy otro evento');
});
Tiene mucha logica, load() carga e inyecta codigo externo 'en caliente' por lo que esa parte del codigo no esta realmente en el DOM entonces cuando el segundo evento es llamado pues no encuentra el elemento y no se activa, a alguno de ustedes les ha pasado?...como lo resolvieron?...algunas opciones?