首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >使用jQuery更改CSS的延迟属性

使用jQuery更改CSS的延迟属性
EN

Stack Overflow用户
提问于 2013-08-26 07:23:57
回答 2查看 6.1K关注 0票数 1

如何使用jQuery更改HTML元素的CSS属性。

想象一下这个场景。我有一个divbg color蓝色。我希望它淡出,当它褪色时,我希望bg color是红色的。

我试过这个。

代码语言:javascript
代码运行次数:0
运行
复制
$("div").fadeOut().delay(500).css("background-color","red").fadeIn();

当它褪色时,div已经在它消失之前将颜色更改为红色。它不遵循链式事件的顺序。我怎样才能让这一切在一条线上实现。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-08-26 07:27:32

可以使用 function让任何函数参与动画队列。

代码语言:javascript
代码运行次数:0
运行
复制
$("div")
    .fadeOut()
    .delay(500)
    .queue(function() {
        $(this).css("background-color","red").dequeue();
    })
    .fadeIn();

注意回调中的dequeue调用,这就是告诉jQuery继续队列中的下一件事情的内容。

票数 4
EN

Stack Overflow用户

发布于 2013-08-26 07:26:05

代码语言:javascript
代码运行次数:0
运行
复制
$("div").fadeOut(500, function() {
    $("div").css("background-color","red").fadeIn()
});
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18438761

复制
相关文章

相似问题

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