Foros del Web » Programando para Internet » Javascript » Frameworks JS »

establecer evento a una clase

Estas en el tema de establecer evento a una clase en el foro de Frameworks JS en Foros del Web. Hola Amigos estoy intentando poner un evento a una clase estoy usando datatables y las filas se generan dinamicamente y se le asigna una clase ...
  #1 (permalink)  
Antiguo 29/07/2011, 13:31
 
Fecha de Ingreso: octubre-2010
Ubicación: Buenos Aires
Mensajes: 557
Antigüedad: 10 años
Puntos: 4
establecer evento a una clase

Hola Amigos
estoy intentando poner un evento a una clase
estoy usando datatables y las filas se generan dinamicamente y se le asigna una clase llamada "even" y por medio de estas lineas quiero que al hacer click se habra un alert, pero no funciona
Código Javascript:
Ver original
  1. $(document).ready(function (){
  2. $('.even').click(function(){
  3.     alert('dfdfs')
  4.     })
  5. })
como podria hacer ?
saludos y muchas gracias
  #2 (permalink)  
Antiguo 29/07/2011, 13:47
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 12 años, 2 meses
Puntos: 1532
Respuesta: establecer evento a una clase

si las nuevas filas se agregan mediante AJAX no van a tener dicho evento asignado, o tendrás que asignarlo al crearlas o usar jquery live()
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 29/07/2011, 13:47
 
Fecha de Ingreso: abril-2011
Mensajes: 1.342
Antigüedad: 9 años, 5 meses
Puntos: 344
Respuesta: establecer evento a una clase

Vendría bien tener el código html sobre el que trabajas, porque en principio está bien hecho el codigo.

EDITO: como bien dice maycolalvarez, esa es la razón más probable, pero yo te recomiendo usar delegate en vez de live, por razones de eficiencia.
  #4 (permalink)  
Antiguo 29/07/2011, 13:50
 
Fecha de Ingreso: octubre-2010
Ubicación: Buenos Aires
Mensajes: 557
Antigüedad: 10 años
Puntos: 4
Respuesta: establecer evento a una clase

Muchas gracias a los 2 por sus respuestas
paso el codigo html
Código HTML:
Ver original
  1. <table cellpadding="0" cellspacing="0" border="1px" class="display" id="example"  >
  2.     <thead>
  3.         <tr title="Ordenar"  >
  4.             <th>N° Compra</th>
  5.             <th>Proveedor</th>
  6.             <th>N° Comprobante</th>
  7.             <th>Cotizacion</th>
  8.             <th>Total</th>
  9.             <th>Ingreso</th>
  10.             <th>Fecha</th>
  11.         </tr>
  12.     </thead>
  13.  
  14.   <tbody>
  15.   //ACA SE GENERAN LAS FILAS CON DOS CLASES 'EVEN Y ODD'
  16.     </tbody>
  17.  
  18.     <tfoot>
  19.         <tr>
  20.             <th><input type="text" name="search_engine"  value="Bus N° Compra"        class="search_init" /></th>
  21.             <th><input type="text" name="search_browser" value="Bus Proveedor" class="search_init" /></th>
  22.             <th><input type="text" name="search_platform"value="Bus N° Comp"   class="search_init" /></th>
  23.             <th><input type="hidden"  /></th>
  24.             <th><input type="text" name="search_grad"value="Bus Total"   class="search_init" /></th>
  25.             <th><input type="text" name="search_gra" value="Bus Usuario" class="search_init" /></th>
  26.             <th><input type="text" name="search_gra" value="Bus Fecha"   class="search_init" /></th>
  27.         </tr>
  28.     </tfoot>

Etiquetas: jquery
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:03.