Javascript jQuery UI是否取消幻灯片动画？

所以我有这个密码

$('.hover-img').hover(function(e) {
    $(this).show("slide", { direction : "left" }, 500);
});

$('.hover-img').mouseleave(function(e) {
    $(this).stop(true, true).hide("slide", { direction : "left" }, 500);
});

当用户鼠标在幻灯片动画完成之前离开图像时，我只希望它停止并返回到另一个方向。这是我通常的做法，但在使用jQueryUI幻灯片效果时，它似乎不起作用

---

为什么不起作用？谢谢

您的.hide语法有错误。 它不能有参数（字符串、对象、int）

尝试使用

.stop(true, false)

以确保动画在反转之前不会捕捉到终点。您还应该在悬停处理程序中使用$.stop（）

$('.hover-img').hover(function(e) {
    $(this).stop(true, false).show(...);
});

$('.hover-img').mouseleave(function(e) {
    $(this).stop(true, false).hide(...);
});

另外，请参阅此JSFIDLE以获取将$.stop（）与$.animate（）结合使用的示例