jQuery更改事件被调用两次

Question

我有一个带有一些输入和选择框的表单,每个都有class="myClass".我还有以下脚本:

$(document).ready(function() {
    $(".myClass").change(function() {
        alert('bla');
    })
});

我不明白为什么在选择框或输入框中的每次更改后,此函数被调用两次.这有什么不对？

感谢您的帮助!

Answer 1

我能想到的是你在表单上使用了同一个类.如果是这样,请从表单标记中删除myClass样式.

更正:http: //jsfiddle.net/rY6Gq/1/

有故障的双重警报:http: //jsfiddle.net/rY6Gq/

Answer 2

e.stopImmediatePropagation(); 是什么对我有用.

$(document).ready(function() {
    $(".myClass").change(function(e) {
        e.stopImmediatePropagation();
        alert('bla');
    })
});

Answer 3

这是一个错误,你要添加

$("#some_id").unbind('change');

在任何变更电话之前

Answer 4

当您绑定的同一个类或任何属性也具有相同的父级或子级名称时，就会发生这种情况。显然，当您更改子项时，父项也会更改（其子项更改）。如果它们具有相同的类或属性，则应触发两次。例如，在下面如果您绑定到“myClass”，它将被调用两次。

<div class="myclass">
<select class="myClass">   </select>
</div>