在 jquery 中停止父函数时防止回调被停止？

发布于 2024-10-14 15:32:48 字数 290 浏览 5 评论 0原文

它有点像这样：

$("example").hover(function(){
        ("example").stop().show(/*More Code*/, callback());
    }, function(){
        ("example").stop().hide(/*More Code*/, callback());
    }
)

因此，如果鼠标在第一个动画完成之前离开该区域，它将停止所有动画，并跳过回调。有没有办法使用 stop() 并仍然执行回调函数？

原文

It goes a little something like this:

$("example").hover(function(){
        ("example").stop().show(/*More Code*/, callback());
    }, function(){
        ("example").stop().hide(/*More Code*/, callback());
    }
)

So if the mouse were to leave the area before the first animation completed it would stop all animations, and skipping over the callbacks. Is there a way to use stop() and still execute the callback functions?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

一紙繁鸢 2024-10-21 15:32:48

使用 setTimeout 定时触发动画结束而不是回调。

$("example").hover(function(){
        $("example").stop().show(1000);
        setTimeout(function() { /* do something */ }, 1000);
    }, function(){
        $("example").stop().hide(1000);
        setTimeout(function() { /* do something */ }, 1000);
    }
);

另一种选择是使用 .stop(true,true) 而不仅仅是 .stop()。

这会清除队列，将动画发送到末尾，并触发回调。

$("example").hover(function(){
        $("example").stop(true,true).show(1000);
    }, function(){
        $("example").stop(true,true).hide(1000);
    }
);

Use a setTimeout that is timed to fire at the end of the animation instead of a callback.

$("example").hover(function(){
        $("example").stop().show(1000);
        setTimeout(function() { /* do something */ }, 1000);
    }, function(){
        $("example").stop().hide(1000);
        setTimeout(function() { /* do something */ }, 1000);
    }
);

Another option would be to use .stop(true,true) instead of just .stop().

This clears the queue, sends the animation to the end, and fires the callback.

$("example").hover(function(){
        $("example").stop(true,true).show(1000);
    }, function(){
        $("example").stop(true,true).hide(1000);
    }
);

回复收藏 0 原文

~没有更多了~