javascript - 方向を変数としてjquery animate関数に渡す

Question

jquery animate に方向変数を渡そうとしていますが、アニメーションが機能しません。

HTML

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

JS

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

フィドル

Answer 1

direction2 行目はプロパティ名そのものであり、同じ名前の変数に置き換えられることはありません。

あなたができることは、オブジェクト全体を変数として渡すことです：

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

http://jsfiddle.net/FyrXH/