Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Evento click se ejecuta 2 veces

Estas en el tema de Evento click se ejecuta 2 veces en el foro de Jquery en Foros del Web. Buenos dias gente, les paso a comentar que tego un problema con jquery en el evento click, se dispara 2 veces y no se porque, ...
  #1 (permalink)  
Antiguo 01/10/2013, 06:24
 
Fecha de Ingreso: marzo-2013
Mensajes: 24
Antigüedad: 11 años, 8 meses
Puntos: 0
Evento click se ejecuta 2 veces

Buenos dias gente, les paso a comentar que tego un problema con jquery en el evento click, se dispara 2 veces y no se porque, soy nuevo en esto asi que todo conocimiento compartido sera adquirido



Código Javascript:
Ver original
  1. $('.todoList').on('click','a.comment', function(e)
  2.     {
  3.         console.log('hh');
  4.        
  5.         $('.archivos').slideUp();
  6.  
  7.         e.preventDefault();
  8.         currentTODO = $(this).parents('.todo');
  9.  
  10.         nextinput++;
  11.         var element;
  12.         var ultimoID;
  13.         var id_tarea = currentTODO.attr('id').replace("todo-","");
  14.  
  15.         $.ajax({
  16.                         url:"ajax",
  17.                         type:"POST",
  18.                         data:{action:'devolverComment',id:id_tarea},
  19.                                                    
  20.  
  21.                         success:function(comentarios)
  22.                         {
  23.                             console.log(comentarios);
  24.                             if(comentarios == null)
  25.                                 alert('Esta tarea no posee comentarios');
  26.  
  27.                             var pepe = JSON.parse(comentarios);
  28.                            
  29.                             var length = pepe.length, element = null;
  30.  
  31.                            
  32.  
  33.                             //CARGA COMENTARIOS DESDE LA BASE
  34.                             for (var i = 0; i < length; i++)
  35.                             {
  36.                               element = pepe[i];
  37.                              
  38.                               comentario += '<div class="file-comment-'+element['id']+'">'+
  39.                                                 '<li class="comment c-'+element['id']+'" id="rut'+element['id']+'">'
  40.                                                 +'<label id="'+element['id']+'" type="text" size="18" class="comment-imput comentario-input' + element['id'] + '"  name="comment' + element['id'] + '">'+element['comentario']+'</label>'
  41.                                                 + ' <a href="#" class="comment-delete"><img src="assets/img/delete.png"></a>'
  42.                                                 +'<a href="#" data-comment="'+element['id']+'" class="atach icon-file comment-file"></a>'
  43.                                             +'</li></div>';
  44.  
  45.                                
  46.                             }
  47.                             currentTODO.find('.comentarios').html(comentario);
  48.                         }
  49.  
  50.                 });
  51.                        
  52.             //NUEVO COMENTARIO
  53.  
  54.         comentario = '<li class="comment" id="rut'+nextinput+'">'
  55.                         +'Comentario <input  id="'+ultimoID+'" type="text" size="18" class="comment-imput comentario-input' + nextinput + '"  name="comment' + nextinput + '"  />'
  56.                         + ' <a href="#" class="comment-delete"><img src="assets/img/delete.png"></a>'+ ' <a href="#" class="comment-submit"><img src="assets/img/submit.png"></a>'
  57.                        
  58.                     +'</li>';
  59.        
  60.         currentTODO.find('.comentarios').html(comentario);
  61.    
  62.        
  63.     });



Este codigo muestra una seria de comentarios, si traigo comentarios desde la base los muestra 2 veces si no trae nada el alert "No hay comentarios" no se ejecuta. Alguien me podria decir que puede ser?
  #2 (permalink)  
Antiguo 01/10/2013, 11:29
 
Fecha de Ingreso: marzo-2013
Mensajes: 24
Antigüedad: 11 años, 8 meses
Puntos: 0
Respuesta: Evento click se ejecuta 2 veces

Tenia que agregar el ubind('click'):

$('.todoList').unbind('click').on('click','a.comment', function(e)

Etiquetas: ajax, ejecuta, evento, html, input, javascript, js, veces
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 17:51.