Duda para manejar eventos.

[a77icu5]

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:

pagina1  ...contenido de mi pagina 1 con mi primer evento
<a href="#" id="algo">primer evento</a>
<div></div>
 

Código HTML:

pagina2 ....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:

//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?

[SergeMedina]

Claro que lo que cargas mediante load esta en el DOM, ¿Porque crees que lo ves en el navegador?

Lo que necesitas hacer es utilizar live() para detectar eventos de elementos que crees dinamicamente en el DOM. Algo asi:

Código Javascript:

$('#id').live('click', function(){
 
});
 

[Rosencrantz]

tengo solo una palabra para ti: "Livequery", live() funciona si los eventos son iniciados por el usuario de alguna manera, ya sea haciendo click en algo o moviendo el mouse, pero que pasa si necesitamos que un elemento del DOM ejecute una accion sin que el usuario no intervenga en ello, por ejemplo digamos que cargue un div en caliente en el DOM actual y dentro de ese div hay un span el cual debe ir a cargar otro codigo automaticamente mediante load(), en este caso el usuario no ejecuta la carga del span, es ahi donde Livequery predomina sobre el live().

Para mas info al respecto.
http://plugins.jquery.com/project/livequery/

Saludos.

[a77icu5]

mil gracias srs !....efectivamente no conocia livequery, me han salvado la vida...con esta era la segunda vez que me pasaba y lo habia dejado pasar y buscaba otra alternativa que no fuera ajax, pero gracias a todos por responder.