$(this).animate({ 顶部: 200 }, 500); TOP 是一个变量？

Question

我很难解释，所以我只会演示我正在尝试做的事情：

这工作正常：

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

变量替换“顶部”值

我试图用这样的

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

：但这失败了。

Answer 1

我来晚了一点，但是如果您使用 ES6，您可以使用它来计算对象键：

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

参考：MDN

Answer 2

顶部是一个参数。您可以传递任何 CSS 属性。

动画将移向的 CSS 属性图。

Answer 3

你可以试试这个。

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

Answer 4

您正在传递一个对象 - 像这样预先定义它。其中 x 可以是任何内容，即“顶部”、“左侧”等。

obj[x] = 200;

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