Question

我们如何使用我通过某些计算推导出的量为对象设置动画？

$(document).ready(function(){
    var someNumber = "'+='" + 500 + "'";
    $('.someClass').animate(
        {left:someNumber},
        {duration : 500, queue : false},
        function(){
        });
});

这是小提琴：
http://jsfiddle.net/H7hpP/

为什么元素没有动画？
P.S如果我必须将相同的动画应用于两个对象，以下是否有效？我记得在某处看过它：

$('#firstPage #secondPage').animate(
{css property}, 
{duration},
function(){});

初学者提问，但这就是我对jQuery的体验。

Answer 1

1。）你不需要添加'带着你的字符串：var someNumber = "+=" + 500 + "px";
2.）您应定义要设置动画的单位px, em, %
3.）选择实际存在的元素:)

Working fiddle

修改

就像在css中一样，您可以使用,

选择多个对象

$('#first, #second, #third').animate()

$('#firstPage #secondPage')会在ID为secondPage

的元素中查找ID为firstPage的元素

Answer 2

请查看jsfiddle.net/vinhnguyenle/H7hpP/8/

使用生成的数字为对象的左侧位置设置动画

2 个答案: