JQuery鼠标悬停功能多次触发

Question

我一直在使用这种方法为整个类(按钮等)设置事件:

$("div.bigButton").mouseover(function() { this.style.backgroundColor = '#dfdfdf'; });

然而,在进行一些测试时,我注意到当将鼠标移动到这些对象上时,该功能会激发3次!这在改变像backgroundColor这样的东西时是不明显的,但是如果我添加一个警报就很明显了.

我有什么想法我做错了吗？我担心这可能会对以后的性能产生影响.

谢谢

编辑:对不起,错过"风格"关闭是一个错字

HTML是:

<div class="bigButton">
Test</div>

Answer 1

由于在HTML元素中嵌套,可能会发生这种情况.jQuery文档在页面底部有一个完美的例子(不要混淆mouseover和mouseenter),以及一个防止这种不需要的行为的例子.http://api.jquery.com/mouseover/

Answer 2

我发现设置按钮的函数被运行了多次（每次页面内容都是通过ajax 传递的）。我本以为这会覆盖“鼠标悬停”功能，但它似乎是添加到它上面！

感谢你的帮助