jQuery函数触发两次

Question

我有这段代码http://jsfiddle.net/8dFVU/并且不确定为什么当你点击“显示价格”时它会触发两次我想这是因为复选框和标签但是，为什么？感谢。

这是代码

(function($){ 
        $(".selector").on('click', function() { 
            console.log(  $(this) );  
            $("#result").val( $("#result").val() +"triggered" );
        });
})(jQuery);

Answer 1

点击<label>也会为其相应的控件生成点击事件。

父元素上的click处理程序会看到这两个点击事件 - 标签中的真实事件和复选框中生成的事件。

Answer 2

将功能更改为：

(function($){ 
    $(".selector").on('click', function() { 
        console.log(  $(this) );  
        $("#result").val( $("#result").val() +"triggered" );
        return false;
    });
})(jQuery);

由于div和复选框都会触发点击事件。