jquery绑定函数在Firefox和Chrome之间有不同的执行顺序

Question

就像这个例子： http://jsfiddle.net/nicaia/6cHxR/

js代码：

$('#checkbox_id').bind('change',function({
    alert('change');
}).bind('click',function(event){
    alert('click');event.preventDefault();
});

在 chrome 中单击复选框将显示：

alert 'change' 和 alert 'click' 不勾选复选框。（先取消勾选复选框）

在 Firefox 中单击复选框将显示： alert 'click' 并且不会选中复选框。（复选框先取消选中。）

在 Firefox 中不会触发更改。 我不知道为什么。有人可以告诉我吗？

谢谢。

Answer 1

我认为 chrome 与其他浏览器的行为不同。我试过这段代码：

$('#checkbox_id').bind('change',function(){
    alert('change');
}).bind('click',function(event){
    alert('click');
});

（这里的小提琴：http://jsfiddle.net/6cHxR/8/） Firefox 在更改处理程序之前执行单击处理程序，而 IE 和 chrome 在单击处理程序之前执行更改处理程序。 我认为您对此无能为力