jQuery - Eventos en elementos traidos con AJAX

c0lo · #1 (**permalink**) 06/08/2008, 07:45

¿Es posible asignar eventos a elementos traidos con AJAX??

Por ejemplo, a continuación podría tener el siguiente código js:

Código:

$(document).ready(function()
{
	$("#textoAjax p").click(function()
	{
		alert("He clickeado en un P dentro de #textoAjax");
	});
});

Y en mi html:

Código:

<body>
<div id="textoAjax"></div>
</body>

Ahora supongamos que con ajax traigo elementos, entre ellos varios <p>, dentro de #textoAjax. Evidentemente mi código js no funcionará.
Pienso que será porque asigna el evento a los elementos que estan cuando se carga y lee el DOM.

¿De qué manera se podrá lograr esto? ¿Hay alguna manera de releer el DOM una vez finalizado el ajax como para que se asigne este evento a los <p>?

Muchas gracias por su ayuda!
El colo.

#2 (**permalink**) 07/08/2008, 00:45

Lo que debes hacer es, después de traer los elementos que sea, asignarles los eventos.

Código:

$.load(url, params, function() {
    $('<elementos nuevos>').click(function() {
        alert("blabla");
    });
});

c0lo · #3 (**permalink**) 07/08/2008, 06:44

Barbaro!

Ya lo probaré cuando llegue a mi casa (a la noche

)...

Muchas gracias por la ayuda, cualquier cosa comento!

Saludos,
El colo.

c0lo · #4 (**permalink**) 07/08/2008, 21:49

Me ha servido!
Genial!!

Saludos y gracias,
El colo.