Zdarzenie kliknięcia Jquery uruchamia się dwukrotnie po kliknięciu etykiety html
Mam kontener div, który zawiera pole wyboru html i jego etykietę. Używanie jquery chciałem wywołać zdarzenie kliknięcia, gdy ktoś kliknie etykietę w tym kontenerze.
Widzę, że zdarzenie jquery click uruchamia się dwukrotnie, gdy klikam etykietę!
Dla celów testowych wyzwoliłem zdarzenie click na polu wyboru zamiast etykiety i tutaj pole wyboru kliknij zdarzenie wyzwalające tylko raz, tak jak powinno być.
Oto skrzypce.http://jsfiddle.net/AnNvJ/2/
<tr>
<td>
<div id="test">
<label>
<input type="checkbox" id="1" />demo1</label>
<label>
<input type="checkbox" id="2" />demo2</label>
<label>
<input type="checkbox" id="3" />demo3</label>
</div>
</td>
<td> </td>
<td> </td>
</tr>
JQUERY
$(document).ready(function () {
$('#test label').live('click', function (event) {
alert('clicked');
});
$('#test checkbox').live('click', function (event) {
alert('clicked');
});
});