Kliknięcie wiązania jQuery dla etykiety wypalanie dwa razy

Question

Po dodaniu jednego wyboru do etykiety i powiązania dla zdarzenia kliknięcia jQuery uruchamia się dwa razy.

http://jsfiddle.net/d8Ax7/

html:

<label class="lol"> 
    <div> 
     bla 
    </div> 
    <div style="display:none;"> 
     <select></select> 
    </div> 
</label> 

javascript:

$("label.lol").on({ 
    click : function() 
    { 
     alert(1); 
    } 
}) 

Jak można rozwiązać ten problem bez dodawania "dla" atrybutem etykiet?

Answer 1

Wiem, że istnieje już wiele odpowiedzi na to pytanie, ale są one niejasne.

$("label.lol").on({ 
    click : function() 
    { 
     alert(1); 
     return false; 
    } 
}); 

Ok, wszyscy docenili. Problem rozwiązany. Ale pytanie powstaje Dlaczego return false;.

Odpowiedź W prostych słowach: Jest to sposób informowania komputera, że ​​powrót z funkcji, zadanie, które ci dałem jest zakończone. Nigdy więcej bałaganu.

Answer 2

$("label.lol").off("click").on(//... 

ale czy to wypalanie dwukrotnie na pewno oznacza, że ​​związały go dwa razy więc korzystanie .off jest bardziej hack niż najlepsze rozwiązanie problemu, które byłoby zrozumieć, jak skończy się ta impreza wiązanie dwukrotnie .. . & pewno kod pokazać nie wyjaśnia tej podwójnej niewoli

edit: & w skrzypcach to rzeczywiście nie wywołać tylko raz ...

Answer 3

można spróbować użyć, aby go połączyć etykiety „za” atrybut do wyboru poza nim. Zobacz mój przykład

<label for="test" class="lol"> 
    <div> 
     bla 
    </div> 
</label> 

<div style="display:none;"> 
    <select id="test"></select> 
</div> 

http://jsfiddle.net/d8Ax7/1/

Answer 4

ten sposób działa też, ale nie jestem do końca rozumiem co próbujesz zrobić ... I etykieta powinna zawierać tylko tekst etykiety select i nie zawierają się wybrać ..

$("label.lol div:first").on({ 
     click : function() 
     { 
      alert(1); 
     } 
    }) 

Answer 5

Istnieją dwie opcje, gdy przesłanianie kliknij sprawdzić ten stack overflow pytanie do bardziej szczegółowo, ale Podsumowując spróbować ...

$("label.lol").click(function() { 
     alert(1); 
     return false; 
}); 

Answer 6

Twój znacznik jest okropny. Twoim problemem jest to, że jquery wykonuje zdarzenie click na każdym div w twojej funkcji etykiety - oznacza to dwa razy. Powinieneś wyczyścić znaczniki ur i poprosić div, że chcesz być klikalnym bezpośrednio. Else Zastosowanie: po pierwsze, aby upewnić się, że zdarzenie jest zwolniony tylko raz:

$('.lol div:first').click(function() 
{ 
    alert("1"); 
}) 

Answer 7

Należy dodać e.preventDefault();

$("label.lol").on({ 
    click : function (e) 
    { 
    alert(1); 
    e.preventDefault(); 
    } 
}); 

Answer 8

Twój problem polega na rozróżnieniu elementów.g należy wybrać pierwsze dziecko etykiety z :first-child selektora, albo dać mu id:

HTML:

<label class="lol"> 
    <div id="first-child"> 
     bla 
    </div> 
    <div style="display:none;"> 
     <select></select> 
    </div> 
</label> 

JS:

$("#first-child").on('click',function(){ 
     alert(1); 
}); 

http://jsfiddle.net/d8Ax7/5/

Answer 9

Spróbuj filtrować za pomocą CSS: Dodaj int ermediate klasa clicked, która zapobiega drugiemu alarmowi (lub cokolwiek akcji), a następnie usuwa .clicked, aby być gotowym do następnej rundy.

$("label.lol").on({ 
    click : function() 
    { 
     if (! $(this).hasClass('clicked')) 
      alert(1); 
     $(this).toggleClass('clicked'); 
    } 
})