如何正确使用 .animate() 函数 -- top

Posted 2023-05-08

【中文标题】如何正确使用 .animate() 函数 -- top

【英文标题】：How to properly use the .animate() function -- top

【发布时间】：2011-02-12 09:59:17

【问题描述】：

这是使用 .animate(top) 函数的正确方法吗？

正数（向下动画）--

    $("div#container div#history-menu").animate(top:'180px', 600);

负数（向上动画）--

    $("div#container div#history-menu").animate(top:'-180px', 600);

因为我的错误控制台中出现了一个 java 错误，上面写着：

“解析属性'top'的值时出错。声明已删除。”

【问题讨论】：

你用的是什么版本的jQuery？

'180px' 和 '-180px' 应该是动画的有效值（参见 api.jquery.com/animate/#entry-examples）。你能发布 html / CSS / 周围的 JS 吗？

@Jeffrey -- 我的问题是我的 .js 文件中有多个类似的语句，无法确定实际错误所在的位置。但是我所有的动画语句看起来和我发布的完全一样，所以我认为这将是我的起点......现在不知道该怎么做。

您收到的错误消息是否附有行号？您可以尝试注释掉代码以缩小范围吗？也许构建一个重现错误的简化演示页面？

【参考方案1】：

将值从 (top: '-180px', 600) 更改为 (top: '-=180', 600) 或 (top:'+=180',600) 似乎可以消除我的问题。