动画未制作jquery（背景颜色）

Posted 2023-05-08

【中文标题】动画未制作jquery（背景颜色）

【英文标题】：Animation not being made jquery (backgroundColor)

【发布时间】：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");

);

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

【参考方案1】：

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

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

【讨论】：

简而言之，我想为元素设置两次动画，因为我只想在第一个动画结束时开始其中一个动画，但它不起作用。

尝试使用 jQuery 队列，抱歉无法为您提供确切的代码。 api.jquery.com/jquery.queue