Question

我无法使用jQuery同步换色动画。出于某种原因，按钮元素内的字体颜色仅在每个其他颜色更改完成处理时更改。这是代码：

$(".jumbotron-fluid, .btn").animate({
    backgroundColor: colors[seed]["background"]
});
$(".container").animate({
    backgroundColor: colors[seed]["container"]
});
$("p, blockquote footer, .btn, a:link, a:visited, a:hover, a:active, a").animate({
    color: colors[seed]["font"]
});

以下是CodePen的链接，其中显示了此项目的实际应用：http://codepen.io/christianflorez/full/OWdYRm/

点击＆＃34;获取新报价＆＃34;按钮，每次按钮中的字体颜色变为白色时，它都不会与DOM的其余部分同步变化。任何人都知道为什么会发生这种情况？我尝试在多个浏览器中测试代码，并出现同样的问题。谢谢大家的帮助。

Answer 1

queue的{{1}}参数默认设置为animate。当您为true设置两次动画时，第二个动画会在第一个动画结束后触发。对于第一个.btn动画，将queue更改为false。 codepen link

.btn

jQuery颜色动画不同步多个元素

1 个答案: