evento jQuery clic está disparando varias veces al usar selector de clase

Question

aquí está mi html

<li><div class="myLink" id=1>A<div> 
<li><div class="myLink" id=2>b<div> 
<li><div class="myLink" id=3>c<div> 
<li><div class="myLink" id=4>d<div> 
<li><div class="myLink" id=5>d<div> 
<li><div class="myLink" id=6>e<div> 
<li><div class="myLink" id=7>d<div> 
<li><div class="myLink" id=8>g<div> 

he creado un aprieto evento jQuery wiht este código:

jQuery(".myLink").click(function(event) { 

     var myId = this.id; 

     location.href = '/x/y?myId=' + myID; 
    }); 

cuando hago clic en uno de los enlaces (los elementos li). pensé que se dispararía un solo clic y cuando llame a this.id, obtendría ese id del elemento que hice clic.

Pero en cambio parece que el:

jQuery(".myLink").click(function(event) { 

está disparando una y otra vez hasta pensaban que acaba de hacer clic en un enlace. Puse una declaración de depurador en su y usé firebug y vi que se llamaba una y otra vez.

¿Alguna idea de qué está pasando?

Answer 1

Si cierra sus etiquetas <li>, solucionará el problema. Acabo de probarlo, y eso lo corrige. Debe ser

<li> ... </li> 
<li> ... </li> 

no

<li> 
<li> 

Answer 2

Intente poner el valor del atributo id entre comillas. Cosas extrañas suceden cuando acaba de poner id=1.

Además, ¿cómo sabe que está disparando varias veces? Ponga esta línea de la parte superior de la función y ver el incendiario de registro para ver lo que está sucediendo:

console.log("clicked on", jQuery(this), "which has id", jQuery(this).attr('id')); 

edición:

Je, como otros han señalado ... Asegúrese de que su margen de beneficio es válido también : P

Answer 3

Desde el HTML publicado parece que myLink DIV está anidado, lo que hace que el evento se active varias veces, ya que cada DIV recibe el clic. Como se indicó, asegúrese de que las etiquetas estén bien formadas. ¿Se supone que las etiquetas DIV al final de cada línea están cerrando las etiquetas?

Answer 4

que tenía un problema similar y la solución para mí fue desenlazar el evento de clic antes de declarar el evento click. No tiene mucho sentido, pero no tenía idea de cómo los eventos múltiples se unen a un solo elemento HTML. (Y mi HTML parecía válida;))

$ ('remove_lkc '.) Desenlazar (' clic') haga clic en (function() {..........

Answer 5

Mi problema fue que tuve mi evento vinculante en un bucle cuando creé el <div> s, agregando el evento una y otra vez para cada elemento en el evento. Es solo algo que debe verificarse.

Answer 6

La adición de estas dos líneas resueltos por mí:

event.stopPropagation(); 
event.preventDefault(); 

Fuente: http://code.google.com/intl/en/mobile/articles/fast_buttons.html

Answer 7

En mi caso, he tenido varias pestañas haciendo que el mismo elemento parcial y cada parcial tenido el $ (document). llamada ready() que enlazó el evento click tres veces.

Answer 8

Asegúrese de no incluir el script js varias veces. si está utilizando un marco en el sitio del servidor, asegúrese de que el diseño y las plantillas no incluyan el mismo script.

Answer 9

En mi caso, el javascript tiene que ser renderizado junto con la solicitud de ajax.

$(document).ready(function(){ 
    $(document).on('click','.className',function(){alert('hello..')}) 
}); 

el Evento dispararon múltiples veces .. utilizaron .OFF() para eliminar todos los controladores de eventos anteriores. (utilización misma firma utilizado en .on())

$(document).ready(function(){ 
    $(document).off('click','.className'); 
    $(document).on('click','.className',function(){alert('hello..')}); 
}); 

espero que ayude a alguien ...