jquery - 将动态 CSS 传递给 jQuery.animate

Question

jQuery.animate 的文档指出

The only required parameter is a map of CSS properties. This map is similar to the one that can be sent to the .css() method, except that the range of properties is more restrictive.

那么，为什么这会起作用

$('#con div').css( {
        top : function(i) {
            console.log(i);
            return (i * 500) + 'px';
        }
    }
);

这不是吗？

$('#con div').animate( {
        top : function(i) {
            console.log(i);
            return (i * 500) + 'px';
        }
    }
);

控制台显示该函数正在针对 css 进行评估，但不针对 animate 进行评估。我错过了什么吗？

顺便说一句，我使用的是1.4.2。

Answer 1

这可能不是您想要的，但一个简单的解决方案就是简单地迭代元素并单独应用动画:

$('#con div').each(function(i)
{
    $(this).animate({ top: i * 500 });
});

毕竟，这本质上就是您的代码片段的含义。