[jQuery]capturar eventos de elementos creados dinamicamente

[[u]nsigned]

Hola, bueno les cuento que estoy haciendo una galeria. La misma cuenta con la posibilidad de subir archivos por ajax, cuando el archivo es subido, un script me de devuelve una variable y luego creo la imagen en la pagina. Tambien estoy integrando una funcion para borrar las imagenes (tambien por ajax).

El problema es el siguiente:

para borrar las imagenes llamo a un script via ajax. El mismo funciona perfectamente, pero cuando una imagen es creada dinamicamente no es asociada al bind previamente declarado. Como hago para que un bind de jquery se asocie a elementos creados dinamicamente?

Saludos

[JorgeEMX]

Debes usar body al principio. En la documentación viene un ejemplo en la parte final:

http://api.jquery.com/on/

[MinusFour]

Con jQuery es sencillo, agregas el handler a un elemento contenedor que nunca borres.

Código (javascript) [Seleccionar] Expandir


galeria.on('click'. 'img', function() {

});

Sin jQuery haces lo mismo, claro que la implementacion de los selectors es mucho más robusta en jQuery.

http://jsfiddle.net/t81rL0o5/2/