jquery - 悬停事件结束后 div 的动画不会停止

Question

所以，这是我来自社区的第一个问题。

问题:我正在尝试显示一个 div 并通过动画增加悬停 div 的宽度。

问题:我通过jquery和css实现了这一点，但是问题是连续悬停动画不会停止。所以，一旦鼠标离开 div，我想从内存中刷新之前的动画。

我搜索并发现可以使用像 stop() 这样的东西，但我没有得到想要的结果。

Check what i have achieved yet

提前致谢!

Answer 1

您应该在 animate() 方法之前使用 stop()，请尝试以下操作:

$('#slider_thumbnail li .slide_thumb').hover(function(e){
     $(this).find('.slide_btn').stop().animate({width:240});
     $(this).find('.image-wrapper').show('slow');
 },function(e){
     $(this).find('.slide_btn').stop().animate({width:125});
     $(this).find('.image-wrapper').hide('slow');
});  

DEMO