jQuery однократное нажатие на событие?

Question

Это довольно странно, так, вы можете увидеть код здесь:

http://jsfiddle.net/zpZtH/2/

Answer 1

вы не должны обернуть input элементов с помощью label элемента, попробуйте следующее:

<label for="average-data" class="section-view-time-checkbox"> 
    <span class="custom checkbox checked"></span> Average 
</label> 
<input type="checkbox" id="average-data" style="display: none;"> 

http://jsfiddle.net/zpZtH/7/

Answer 2

http://jsfiddle.net/Cc55g/

Вы должны вызвать event.preventDefault() в обработчике щелчка. Это предотвратит выполнение действия по умолчанию по умолчанию после запуска пользовательской функции. Второе предупреждение происходит, поскольку форма отправляется.

Answer 3

Это общая ошибка в JavaScript. вы можете найти много статей в Интернете специально для SO, чтобы событие было выпущено дважды. Вы можете попробовать что-то вроде этого

$(document).on('click', '#task-list li', function(e) 
{ 
     alert('Hellow world'); 
     e.stopPropagation(); 
     return false; 
}); 

И это, безусловно, проблема Javascript, потому что если вы попали Google и поиск огня событий дважды вы увидите, что Угловое, Jquery и позвоночник и т.д. все они где-то стрельба события дважды или даже трижды , Итак, кажется, что за этим стоит javascript. И, конечно, если вы будете искать это с помощью Mozilla Developers Network, вы можете увидеть, что эксперты так же сказали это.