【发布时间】：2020-11-04 02:32:52
【问题描述】：
我在 JavaScript (JQuery) 中创建函数时遇到问题：
$('.login').click( function() {
$('#login-container').animate({
left: 0
}, 300, "swing", function(){
$('#login-container').animate({
backgroundColor: 'rgba(0,0,0,0.4)'
}, 2000, "swing");
});
});
而“login”是一个按钮，而 login-container 是一个大 div，其中包含人们可以用来登录的表单。
我正在尝试使在页面上滑动的巨型容器仅改变其背景颜色以降低网站的曝光率，但它正在工作，据我所知，代码是正确的。
第一个动画发生了，但第二个动画（指背景颜色）甚至根本没有开始。
提前致谢
编辑：
我已经简化了我的代码，看看是我的语法问题还是 JS 根本没有应用这个动画：
$('.login').click( function() {
$('#login-container').animate({
backgroundColor: 'rgba(0,0,0,0.4)'
}, 2000, "swing");
});
由于某种原因，该元素没有应用其背景色。
【问题讨论】：
标签： javascript html jquery css jquery-animate