jquery - 使用三元运算符更改 CSS/animate propertyName

Question

我们如何使用三元运算符更改 propertyName/s？

例如：

var horizontal = false,
    propertyName = horizontal ? 'left' : 'top';

$(".elem").css({
    propertyName: value
});

我找到了一些答案，但它们不适合我的情况。

https://stackoverflow.com/a/5973518/1250044

https://stackoverflow.com/a/12228404/1250044

---

Praveen Kumar发现了一种可能性。但是还没有决赛！

好的，我认为最好的答案是，正如 Explosion Pills Explosion Pills所说：

var horizontal = false;

$(".elem").css(horizontal ? {
    left: 10
} : {
    top: 10
});

像小提琴一样生活。

Answer 1

以文字表示法声明对象时，您不能评估变量。

相反，你可以直接这样给它：

elem.css((horizontal ? 'left' : 'top'), value);

小提琴：http: //jsfiddle.net/YXyng/

Answer 2

您不能直接将变量值作为对象属性的标识符传递，但您可以执行以下操作：

var value = "15px";
var horizontal = true;
var propertyName = horizontal ? 'left' : 'top';
var parameters = {};
parameters[propertyName] = value;

elem.css(parameters);

看它住在这个小提琴里。