javascript - 如何防止鼠标进入/离开发生太多次

Question

我有一段代码基本上是这样说的:如果你滚过这个，那么另一个东西就会出现，如果你滚出去，它就会消失。

问题是，如果我拿鼠标滚动/滚出太多次，元素就会出现/消失太多次(因为我错误地为它创建了很多事件)

我的代码是这样的:

$('div.accordionContent').mouseenter(function()
{
    $(this).find(".something").animate({left: 0}, 300)}).mouseleave(function() {
    $(this).find(".something").animate({
    left: -200}, 500);;
}); 

如何告诉它避免多次悬停？

如果有帮助，我会使用 jQuery 1.4.3..

Answer 1

与其避免多次触发，不如尝试在开始另一个动画之前停止动画。

$('div.accordionContent').mouseenter(function() {
    $(this).find(".something").stop().animate(...)
});