jQuery：如何将代码执行限制为每个“周期”执行一次

Question

我写了类似的东西。

$(this).hover(function(){
            if($(this).offset().left <= $('.list-group').offset().left)
            {
                $(this).animate({left: '+=7px'}, 50);
            }
        }, function(){
            if($(this).offset().left > $('.list-group').offset().left)
            {
            $(this).animate({left: '-=7px'}, 50);
            }
        });

我想要实现的是悬停后的移动菜单项，但问题是它有时不会返回到该位置。它向右移动并停留在那里，它向左移动并保持在那里直到刷新或另一个鼠标中心，特别是当你在短时间内多次盘旋时。我试图限制只能移动到某种条件的可能性，例如：

if($(this).offset().left > $('.list-group').offset().left + 6)

但它仍然无法解决问题。 我将非常感谢你的帮助：D