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

我试图将方向变量传递给jqueryanimate，但动画不起作用

HTML

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

---

不能将变量用作对象的属性。这样，可以使用设置属性，然后将对象传递给函数：

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

---

您需要创建一个要传入的对象，该对象封装了所需的所有动画选项，您可以使用变量作为名称添加到这些选项中

---

第二行中的

方向

是属性名称本身，它不会被相同名称的变量替换

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

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

---

我想使用变量

direction

的主要目的是能够动态地改变动画的方向，比如说，

right

。你的解决方案是硬编码的<代码>左。谢谢gallery guy，因为我在做一个简单的动画，我不想使用jquery ui，所以不得不接受archer的答案。

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

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