使用动态变量作为对象文字，jQuery 动画函数

本来我有

targetWater.animate({
    "width": "+=100%"

现在我想动态使用“宽度”或“高度”

var direction = (targetWater.hasClass('x'))? "width" : "height";
targetWater.animate({
    direction: "+=100%"

但这行不通。

我试过了

direction.toString()

and

''+direction+''

对此也没有什么喜悦

var anim = { direction: "+=100%" }
targetWater.animate(anim,

你的方法行不通，因为direction被解释为键，而不是变量。

你可以这样做：

var animation = {};
var direction = targetWater.hasClass('x') ? "width" : "height"
animation[direction] = "+=100%";
targetWater.animate(animation);

方括号让你can动态拥有密钥。

如果你想要钥匙"direction"使用方括号表示法，您可以编写：

animation["direction"];

这相当于：

animation.direction;