jQuery停止动画

Question

我有一个带有jQuery动画的菜单栏。它上面有滑动图像效果。当您将鼠标悬停在每个项目上时，图像会发生变化，当您将鼠标悬停在整个菜单栏中时，它会更改为默认的菜单栏。

问题：但是，如果您在当前活动动画完成之前将鼠标悬停在整个菜单栏之外，它将不会更改上面提到的默认图像，并且您将被卡在另一个图像上，直到您再次慢慢退出鼠标。这经常发生，并导致动画让他们的方向搞砸了。

当我将鼠标移出整个菜单时，我需要一种方法来使用jQuery来暂停中间的所有其他动画。因此，只要您的鼠标离开整个区域，就取消所有动画，然后将动画恢复为默认值。

我的JS文件已缩小，但您可以在这里查看： http://designsweeter.com/live/bcmedical/wp-content/themes/designsweeter/scripts/menu.js

美化JS： http://designsweeter.com/live/bcmedical/prettymenu.js

Answer 1

无法给出具体答案，导致您的代码非常混乱，但请尝试包含此回调。

jQuery('ul.your-menu').mouseout(function() {
    jQuery(this + ' li').stop(true, true).animate(*YOUR CODE HERE - to return to default image*);
}

您需要替换选择器和.animate代码以符合您的具体情况。

希望这有帮助！