首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何让jQuery特效按顺序运行,而不是同时运行?

如何让jQuery特效按顺序运行,而不是同时运行?
EN

Stack Overflow用户
提问于 2008-09-16 18:00:41
回答 4查看 31.6K关注 0票数 16

如何让jQuery中的两个效果在sequence中运行,而不是同时运行?以下面这段代码为例:

$("#show-projects").click(function() {
    $(".page:visible").fadeOut("normal");
    $("#projects").fadeIn("normal");
});

fadeOutfadeIn同时运行,如何让它们依次运行?

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2008-09-16 18:10:27

您可以提供对效果完成后运行的效果函数的回调。

$("#show-projects").click(function() {
    $(".page:visible").fadeOut("normal", function() {
        $("#projects").fadeIn("normal");
    });
});
票数 32
EN

Stack Overflow用户

发布于 2008-09-16 18:05:46

你想要的是一个队列。

请查看参考页面http://api.jquery.com/queue/以获取一些可用的示例。

票数 16
EN

Stack Overflow用户

发布于 2014-11-18 13:22:33

$( "#foo" ).fadeOut( 300 ).delay( 800 ).fadeIn( 400 );
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/75134

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档