Nada, es imposible. No me aparece nada
Os detallo más mi caso.
El bloque de filas lo genero en una llamada AJAX:
Código:
success: function(respuesta){
var datos = eval('('+respuesta+')');
for(var i in datos) {
$("#contenedor").append("<div id='"+datos[i].id+"' class='fila'></div>");
$("#"+datos[i].id).append(datos[i].nombre);
}
}
Con este código me genera:
Código:
<div id="contenedor">
<div id="1" class="fila">NOMBRE1</div>
<div id="2" class="fila">NOMBRE2</div>
</div>
Y el evento de .fila lo he cambiado por:
Código:
$(".fila").on("click", function(){
console.log($(this).attr("id"));
});
He puesto "on" porque he leido que los eventos de elementos que no se han creado aún se propagan con "on" y ya funcionaría.
Pues no. No me sale nada en la consola.
He conseguido que me aparezca bien si meto "async:false" en la llamada AJAX. Y bueno, el resultado son filas que aparecen al instante y parece que sigue siendo asincrono.
¿Pero no hay forma de hacerlo con AJAX asincrono? ¿O qué hago mal?
Un saludo.