將方向作爲變量傳遞給jquery動畫功能

Question

我想將方向變量傳遞給jquery動畫並且動畫不起作用。

HTML

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

JS

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

Fiddle

Answer 1

你需要創建一個對象在通過封裝所有您需要的動畫選項，你可以使用變量名稱添加到他們...

http://jsfiddle.net/FyrXH/

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

Answer 2

你不能使用一個變量作爲一個對象的屬性，這樣，您就可以使用bracket notation用於設置屬性，然後將該對象傳遞給函數：

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/