Animation 未制作 jquery（背景颜色）

Question

我在 JavaScript (JQuery) 中制作 function 时遇到问题：

$('.login').click( function() {

    $('#login-container').animate({

        left: 0

    }, 300, "swing", function(){

            $('#login-container').animate({

                backgroundColor: 'rgba(0,0,0,0.4)'

            }, 2000, "swing");

    });

});

而“登录”是一个按钮，而登录容器是一个大 div，其中包含人们可以用来登录的表单。

我正在尝试使在页面上滑动的巨型容器仅转动其背景颜色以降低网站的曝光率，但它正在工作，据我所知，代码是正确的。

第一个 animation 发生，但第二个（指背景颜色）甚至根本没有开始。

提前致谢

编辑：

我已经简化了我的代码，看看这是我的语法问题还是 JS 根本没有应用这个 animation：

$('.login').click( function() {

    $('#login-container').animate({

        backgroundColor: 'rgba(0,0,0,0.4)'

    }, 2000, "swing");

});

并且由于某种原因，该元素没有应用其背景颜色。

Answer 1

我实际上并没有明白你在这里想说什么，但如果你想切换 animation，你可以在用户点击后使用 jquery 的 $.toggle() 。

如果您想为这些东西制作动画，请查看 jQuery 提供的文档

jQuery Animation