Question

所以我有这个代码..

$('.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);
});

当用户鼠标在幻灯片动画完成之前离开图像时，我只想让它停止并以相反的方式返回。这就是我通常会这样做但在使用jQuery UI幻灯片效果时它似乎不起作用。

为什么不工作？感谢

Answer 1

.hide语法中有错误。 http://api.jquery.com/hide/ 它不能有args（string，object，int）。

Answer 2

尝试使用...

.stop(true, false)

确保动画在反转前不会捕捉到结尾。你也应该在你的悬停处理程序中使用$ .stop（）。

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

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

另外，请参阅此JSFiddle以获取使用$ .stop（）和$ .animate（）http://jsfiddle.net/fjVDy/1/

的示例

jQuery UI取消幻灯片动画？

2 个答案: