$（this）。アニメート（{top：200}、500）; TOPは変数ですか？

Question

私はので、私はちょうど私が何をしようとしていますどのようなデモンストレーションを行います説明することは難しいです：

この作品罰金：

$(this).animate({ top: 200 }, 500); 

私は変数で「上部」値を置き換えるためにしようとしていますこのような

：

var x = 'top';  
if (condition) { x = 'left'; }  
$(this).animate({ x: 200 }, 500); 

しかし、これは失敗。

Answer 1

これを試すことができます。

var pos = {'top':200};  
if (condition) { pos = {'left':200}; }  
$(this).animate(pos, 500); 

Answer 2

オブジェクトを渡しています - このように事前に定義してください。 xは何でもよい。すなわち、「上」、「左」など。

obj[x] = 200; 

$(this).animate(obj, 500); 

Answer 3

トップはparameterです。任意のCSSプロパティを渡すことができます。

アニメーションが向かうCSSプロパティのマップ。

Answer 4

私はパーティーに少し遅れだけど、あなたはES6使用する場合は、オブジェクトキーを計算するために、これを使用することもできます。

x = 'top';  
if (condition) { x = 'left'; }  
$(this).animate({ [x]: 200 }, 500); 

参考：MDN