等到动画完成后再运行下一个

发布于 2024-12-20 22:47:39 字数 184 浏览 0 评论 0原文

我有这样的代码:

$("div#element").hide("fast");
$("div#aelement-2").show("fast");

如何让 #aelement-2#aelement 淡出后淡入

I have this code:

$("div#element").hide("fast");
$("div#aelement-2").show("fast");

How can I make #aelement-2 fade in after #aelement has faded out?

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

扫码二维码加入Web技术交流群

发布评论

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

评论(3

著墨染雨君画夕 2024-12-27 22:47:39

我不确定我是否理解您的问题,但您可以使用回调:

$("div#element").hide("fast", function() {
    $("div#aelement-2").show("fast");
});

直到 #element 完成动画处理后,才会开始显示 #aelement-2

I’m not sure I understand your question, but you can use callbacks:

$("div#element").hide("fast", function() {
    $("div#aelement-2").show("fast");
});

This will not start showing #aelement-2 until #element has done animating.

凉栀 2024-12-27 22:47:39

你看过文档吗? http://api.jquery.com/hide/

.hide( [持续时间] [ , easing] [,callback] )

callback 参数就是你的答案。

Have you looked at the documentation? http://api.jquery.com/hide/

.hide( [duration] [, easing] [, callback] )

The callback parameter is your answer.

╭ゆ眷念 2024-12-27 22:47:39

这是一个例子: http://jsfiddle.net/f8key/1/

您可以使用delay()

$("#d1").hide('fast');
$("#d2").delay('fast').show('fast');

参考:http://api.jquery.com/delay/

Here's an example: http://jsfiddle.net/f8key/1/

You can use delay()

$("#d1").hide('fast');
$("#d2").delay('fast').show('fast');

Reference: http://api.jquery.com/delay/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文