Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/08/2015, 04:38
monicapo
 
Fecha de Ingreso: septiembre-2003
Mensajes: 140
Antigüedad: 20 años, 7 meses
Puntos: 2
Error en evento click sobre capas generadas con AJAX

Veamos, hace un tiempo hice una pregunta similar, pero ahora quiero reordenar funciones y parámetros y me encuentro con problemas. Os explico.

Tengo este código:

Código Javascript:
Ver original
  1. filas = function() {
  2.     $.ajax({
  3.         type: "POST",
  4.         url: "generarFilas.php",
  5.         success: function(respuesta){
  6.             var datos = eval('('+respuesta+')');
  7.             for(var i in datos) {
  8.                 $("#contenedor").append("<div id="+datos[i].id+" class='fila'></div>");
  9.                 $("#"+datos[i].idruta+".fila").on("click", detalles(datos[i]));
  10.             }
  11.         }
  12.     });
  13. }
  14.  
  15. detalles = function(datos) {
  16.     console.log(datos);
  17. }

Vamos, que lo que quiero es generar filas. Y luego un evento clic que al hacer clic en la fila se vean los detalles.

La fila se ve como se tiene que ver, y la función detalles hace lo que tiene que hacer, pero la función detalles se autoejecuta al cargar la página en vez de ejecutarse al hacer clic en la fila. No sé si está mal ubicado el evento clic o si tengo más errores.

¿Me podéis ayudar?
Un saludo.