Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/01/2010, 10:24
a77icu5
 
Fecha de Ingreso: agosto-2008
Ubicación: Puebla, Mexico.
Mensajes: 84
Antigüedad: 15 años, 8 meses
Puntos: 0
Duda para manejar eventos.

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 original
  1. pagina1  ...contenido de mi pagina 1 con mi primer evento
  2. <a href="#" id="algo">primer evento</a>
  3. <div></div>

Código HTML:
Ver original
  1. pagina2 ....contenido externo que se va a cargar en la pagina 1  y que tiene otro evento
  2. ....mucho contenido por aqui
  3. <input type="submit" value="algoporaqui" id="algo2">segunto evento</a>


Código Javascript:
Ver original
  1. //este evento carga el contenido de la pagina 2 y lo inyecta en pagina 1....perfecto !...todo bien
  2. $('#algo').click(function(){
  3.      $('div').load('pagina2.html');
  4. });
  5.  
  6.  
  7. //este evento deberia mostrar un alert, pero como se esta inyectando en pagina1 mediante load...no se ejecuta !  WTF
  8. $('#algo2').click(function(){
  9.      alert('yo soy otro evento');
  10. });


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?

Última edición por a77icu5; 20/01/2010 a las 10:34