Firefox/IE 不使用 jQuery 为 padding-left 设置动画（只能让 Chrome 进行动画处理）

Posted 2023-05-08

【中文标题】Firefox/IE 不使用 jQuery 为 padding-left 设置动画（只能让 Chrome 进行动画处理）

【英文标题】：Firefox/IE don't animate padding-left with jQuery (only able to get Chrome to animate)

【发布时间】：2011-01-24 13:53:55

【问题描述】：

$("a").hover(function()
    $(this).animate(
        'padding-left': '+=10px'
    , "normal");
, function()
    $(this).animate(
        'padding-left': '-=10px'
    , "normal");
);

我有上面的代码，它通常会在悬停时为“a”标签的填充设置动画。这在 Chrome 中可以正常工作，但在 Firefox 和 IE 上不行。起初，我认为这可能是因为我的 CSS 或其他原因，所以我添加了 CSS 来添加悬停时的填充，并且它起作用了。只有 jQuery 动画不起作用。所以我不知道它可能是什么。有任何想法吗？提前致谢。

【问题讨论】：

是否在$(document).ready() 内？

使用 jQuery 1.4.2 在 Fx 3.6 上工作正常。

它包含在

【参考方案1】：

出于某种奇怪的原因，将“padding-left”更改为 paddingLeft 有效。在另一段 javascript 中看到 backgroundColor 后，我想到了它。

【讨论】：

@Max Shawabkeh 告诉我它在 jQuery 1.4.2 上为他工作后，我意识到我正在运行一个旧的 1.2.6 jQuery，并且更新使 padding-left 工作。