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说:

var horizontal = false;

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

生活为Fiddle .

Answer 1

在以字面量表示法声明对象时不能计算变量。

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

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

fiddle :http://jsfiddle.net/YXyng/