更新:这仅适用于jQuery 1.8及更低版本。这是fixed in jQuery 1.9。
这是我的最小jsfiddle示例:http://jsfiddle.net/8fuEJ/。我正在使用谷歌浏览器,如果这有所作为。
我有一个复选框:
<input type="checkbox" id="wtf">
我有一个jquery事件处理程序:
$('#wtf').click(function(ev) { alert(this.checked); });
到目前为止,这么好。当我单击复选框时,我首先看到复选标记出现,然后是警告“true”(按此顺序)。当我再次点击它时,我看到复选标记消失,然后警告“false”。
当我以编程方式触发click事件时出现问题。像这样:
$('#wtf').click(function(ev) { alert(this.checked); });
$('#wtf').click();
在这种情况下,首先我看到警告“false”(复选标记仍然不可见),然后在解除警报后,会出现复选标记。
为什么这里的顺序不同?
另请注意,如果我使用事件处理程序change
,它将按预期工作。
$('#wtf').change(function(ev) { alert(this.checked); });
$('#wtf').click();
在这里,我看到勾选标记,然后是警告“真实”。
答案 0 :(得分:12)
这里有三种类型的行动:
Click()
事件首先调用javascript事件。 jQuery优先考虑您提供的功能,因为它可以很好地取消该单击或执行其他操作。完成后,javascript会更改复选框的状态。Change()
事件模仿手动点击,告诉浏览器点击它。这意味着浏览器正在更改项目,然后浏览器会调用您触发的事件。基本上不同之处在于Click()
是一个直接的javascript调用。它可以做其他人不能做的事情,比如取消改变并做各种其他的东西,所以只要它可以延迟状态的改变。
答案 1 :(得分:4)
点击事件在默认操作之前触发。这样做是为了允许您通过从处理程序返回false来防止发生默认操作。
在您的示例中,这意味着您警告旧值,因为尚未发生更改复选框状态的默认操作。