javascript object variable key [duplicate]

Question

I am creating a plugin for Jquery and need to have a variable as a key in an object.

$(selector).animate({self.settings.direction: '+='+self.displacement+'px'}, "slow" , function () {}); 

this part causes the error:

self.settings.direction

any ideas where my syntax is wrong? thank you

Answer 1

AFAIK, you can't. Whatever is in front of the colon in the object literal notation will be automatically interpreted as a string. You will need to construct your object beforehand, and use the square bracket notation.

var options = {} options[self.settings.direction] = '+=' + self.displacement + 'px'; $(selector).animate(options, "slow" , function () {});