javascript - 将方向作为变量传递给 jquery animate 函数

Question

我正在尝试将方向变量传递给 jquery animate 并且动画不起作用。

HTML

<div class="box">Box</div>

JS

var direction = 'left';
$('.box').animate({direction : '100'},500);

小提琴

Answer 1

您需要创建一个对象来传递，该对象封装了您需要的所有动画选项，并且您可以使用变量作为名称添加到它们...

http://jsfiddle.net/FyrXH/

var direction = 'left';
var options = {};
options[direction] = 100;
$('.box').animate(options, 500);

Answer 2

您不能以这种方式将变量用作对象的属性，您可以使用括号表示法来设置属性，然后将对象传递给函数：

var o = {};
o[direction] = 100;
$('.box').animate(o, 500);

http://jsfiddle.net/QmmSu/

Answer 3

direction第二行是属性名称本身，它不会被同名的变量替换。

您可以做的是将整个对象作为变量传递：

var direction = {left : '100'};
$('.box').animate(direction,500);

http://jsfiddle.net/FyrXH/