elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Únete al Grupo Steam elhacker.NET


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  jQuery sobre elementos generados
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: jQuery sobre elementos generados  (Leído 2,309 veces)
Draco Heroicus


Desconectado Desconectado

Mensajes: 303


Ver Perfil
jQuery sobre elementos generados
« en: 28 Diciembre 2012, 09:14 am »

Hola, he generado una tabla en base a los datos y metadatos de una consulta SQL, uso JQuery y JSP, la cosa es la siguiente.

Puedo generar la tabla con cualquier consulta en automático sin problemas, el problema viene cuando quiero capurar un click sobre un <tr> para que me de su html

Código:
<table>
  <thead>
     <tr>
       <th>idzona</th>
       <th>nombre</th>
     </tr>
   </thead>
<tbody>
   <tr>
      <td>1</td>
      <td>Bosques</td>
   </tr>
</tbody>
</table>

La tabla la genero ve un JSON por jQuery.ajax(), y es un jQuery plugin que hize.

el succes de la consulta ajax es este
Código:
success:function(data){
                       
                      var bodyRow;
                      jQuery.each(data.cols,function(){
                          objTHeadRow.append("<th>"+this.name+"</th>");
                      });
                      jQuery.each(data.rows,function(){ //Rows del tbody
                          bodyRow="<tr>";
                          //alert(this);
                          jQuery.each(this.c,function(){
                              bodyRow+="<td>"+this.val+"</td>";
                          });
                          bodyRow+="</tr>";
                          objTBody.append(bodyRow);
                      });
                    }
                });


« Última modificación: 28 Diciembre 2012, 09:16 am por Draco Heroicus » En línea

#!drvy
Moderador
***
Desconectado Desconectado

Mensajes: 5.855



Ver Perfil WWW
Re: jQuery sobre elementos generados
« Respuesta #1 en: 28 Diciembre 2012, 16:21 pm »

Buenas,

Supongo que tu problema es que jQuery no reconoce el click puesto que es una carga ajax. Puedes utilizar la funcion on() para detectar el click incluso aunque este se cargue despues de un evento ajax... antes se utilizaba .live() pero ha sido marcada como obsoleta apartir de jQuery 1.7.

Código
  1. $("#idtabla").on("click", "tr", function() {
  2.   alert(this);
  3. });

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


Saludos


« Última modificación: 28 Diciembre 2012, 17:39 pm por drvy | BSM » En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines