How can I pass function arguments to jquery .animate?

Question

Possible Duplicate:
Using a dynamic variable as object literal, jQuery animate function

I'm attempting to pass a function argument as a setting for a jquery animation except I cannot get it working.

The Function

function gridClick(a, b){
    $(c).animate({
        a : 0,
        b : 0
    }, 10000)
};

calling the function

gridClick('top', 'left', this);

console log shows that a and b are being put out as top and left but they are not actually affecting the animation as top and left. Is this a syntax error or is there more going on?

possible duplicate of [Using a dynamic variable as object literal, jQuery animate function](http://stackoverflow.com/questions/13236473/using-a-dynamic-variable-as-object-literal-jquery-animate-function) and [Setting object keys from variables](http://stackoverflow.com/questions/12864544/setting-object-keys-from-variables). — Felix Kling, Dec 17 '12 at 18:56

Salman A · Accepted Answer · 2012-12-17T19:23:05.373

0

I don't think you can use a variable name as an object's property name using object literal. Here is one possible workaround:

function gridClick(a, b) {
    var params = {};
    params[a] = 0;
    params[b] = 0;
    $(c).animate(params, 10000);
};

edited Dec 17 '12 at 19:23

answered Dec 17 '12 at 18:56

Salman A

262,204
82
430
521

OP is missing the 3rd arg (c) and you are missing it too :) – Selvakumar Arumugam Dec 17 '12 at 18:56
1

`c` could be global, could be defined in the outer scope, etc. – Salman A Dec 17 '12 at 18:58
I am doubting that because of `gridClick('top', 'left', this);`.. but what you said may be true.. btw I didn't dw your answer as that is not at all related to the question. – Selvakumar Arumugam Dec 17 '12 at 18:59
that worked. any way I can add other attributes to animation? such as .animate(params{height: 100}, 1000)? – swgamerx150 Dec 17 '12 at 19:12
For consistency with the lines that set `a` and `b`, you can add `params["height"] = 100;` -- or -- `params.height = 100;`. Another is to initialize the object like `var params = {height: 100};` – Salman A Dec 17 '12 at 19:20
ok i got it working. thanks Salman! – swgamerx150 Dec 17 '12 at 19:20

score 0 · Answer 2 · edited Dec 17 '12 at 19:17

0

If you want to use variables for property names, you will need to use bracket notation and assignments. The literal syntax does not support it.

Instead, use:

function gridClick(a, b, c) {
    var opts = {};
    opts[a] = 0;
    opts[b] = 0;
    $(c).animate(opts, 10000)
}

edited Dec 17 '12 at 19:17

adeneo

312,895
29
395
388

answered Dec 17 '12 at 18:57

Bergi

630,263
148
957
1,375

Hmm where did `params` come from :) – Salman A Dec 17 '12 at 19:08

How can I pass function arguments to jquery .animate?

2 Answers2