有没有办法让.stop执行最后两个排队的动画

Question

我正在使用带有.animate的.stop（）并且它运行良好，但是当你快速浏览div时看起来有点小问题。我认为这是因为它正在跳到动画的结尾，然后在做最后排队的动画。我想知道是否有办法让它执行最后两个排队的动画或使其当前正在执行的动画在开始最后一个排队动画之前顺利结束？

这是我的代码我有4个不同图像的行代码段

 $("#shakibimg").mouseenter(function(){
$(this).stop(true,true).animate({
    width: '+=150px',
    marginLeft: 0
});

$('#rona2img, #ronaimg, #ashurimg').stop(true,true).animate({
    left: '+=150px',
});
});
$('#shakibimg').mouseleave(function() {
   $(this).stop(true,true).animate({
       width: '-=150px',
       marginLeft: 0,
   });
   $('#rona2img, #ronaimg, #ashurimg').stop(true,true).animate({
    left: '-=150px',
});
});