jQuery kliknij zdarzenie jest wypalanie wielokrotnie przy użyciu selektora klasy

Question

tutaj jest moja 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> 

I stworzył powiązania zdarzeń jquery wnioskach ten kod:

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

     var myId = this.id; 

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

po kliknięciu na jeden z linków (przedmioty LI). Myślałem, że to wystrzeli jedno kliknięcie i kiedy zadzwonię do this.id, po prostu dostanę ten identyfikator przedmiotu, który kliknąłem.

Ale zamiast to wygląda:

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

jest wypalanie w kółko nawet, że ja po prostu kliknie jeden link. Włożyłem oświadczenie debuggera i użyłem firebuga i zobaczyłem, że to się w kółko nawołuje.

Jakieś pomysły, co się dzieje?

Answer 1

Jeśli zamkniesz swoje tagi <li>, rozwiążesz problem. Właśnie to przetestowałem i to poprawia. Powinny być

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

nie

<li> 
<li> 

Answer 2

Spróbuj wpisać wartość atrybutu id w cudzysłowach. Dziwne rzeczy dzieją się, gdy po prostu umieszczasz id=1.

Ponadto, skąd wiadomo, że uruchamia się wiele razy? Ta linia umieścić górną część funkcji i oglądać Firebug zalogować, aby zobaczyć, co się dzieje:

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

edit:

Heh, jak inni zwrócili uwagę ... Upewnij się, że znaczniki są zbyt ważne : P

Answer 3

Z opublikowanego HTML wygląda na to, że DIV myLink są zagnieżdżone, powodując wielokrotne wystrzeliwanie zdarzenia, ponieważ każde DIV jest klikane. Jak już wspomniano, upewnij się, że znaczniki są dobrze uformowane. Czy znaczniki DIV na końcu każdego wiersza powinny blokować znaczniki?

Answer 4

miałem podobny problem i rozwiązanie dla mnie było rozpiąć zdarzenia click przed oświadczając zdarzenia click. Nie ma to większego sensu, ale nie miałem pojęcia, jak wiele wydarzeń dołącza się do pojedynczego elementu HTML. (I mój HTML wyglądał ważne;))

$ ('remove_lkc '.) Rozpiąć (' kliknięcie') kliknij (function() {..........

Answer 5

Mój problem polegał na tym, że podczas tworzenia <div> s miałem wiążące zdarzenie w pętli, co powoduje wielokrotne dodawanie zdarzenia dla każdego elementu zdarzenia.

Answer 6

Dodając te dwie linie rozwiązać go dla mnie:

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

Źródło: http://code.google.com/intl/en/mobile/articles/fast_buttons.html

Answer 7

W moim przypadku, miałem wiele kart renderowania samo częściowe i każdy częściowy miał $ (document). wywołanie ready(), które trzykrotnie wiązało zdarzenie click.

Answer 8

Upewnij się, że skrypt js nie jest dołączany wiele razy. jeśli używasz frameworka w witrynie serwera, upewnij się, że układ i szablony nie zawierają tego samego skryptu.

Answer 9

W moim przypadku javascript musi być renderowany wraz z zapytaniem ajax.

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

Zdarzenie opalane wiele czasu .. wykorzystywane .off() usunąć wszystkie poprzednie obsługi zdarzeń. (wykorzystanie sam podpis używany w .Na())

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

Nadzieja pomaga kogoś ...