give several parameters to a function with 1 variable/object

Question

as an example i take jQuery animate function: normal it works like this:

$("#div1").animate({
                width: '300px',
            }, 1000, function() {
                console.log("animate 1 done");
            });

I would like to have it like this:

animateConfig = [{
                width: '300px',

            }, 1000, function() {
                console.log("animate1 done");
            }];

startAnimate($("#div1"), animateConfig);

function startAnimate(obj, animateConfig) {
    console.log(animateConfig);
    obj.animate(animateConfig);

}

also a fiddle: http://fiddle.jshell.net/hVXKM/1/

elclanrs · Accepted Answer · 2013-08-30 23:38:56Z

3

Try:

obj.animate.apply(obj, animateConfig);

answered Aug 30, 2013 at 23:38

elclanrs

94.2k21 gold badges137 silver badges171 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user2437417 · Accepted Answer · 2013-08-30 23:43:29Z

1

The .animate() method lets you pass an object as a second parameter. That way you can do this:

Docs: .animate( properties, options )

animateConfig = {
    props: { width: '300px' },
    options: {
        duration: 1000,
        complete: function() {
           console.log("animate1 done");
        }
    }
}

So then you can just do this:

function startAnimate(obj, config) {
    obj.animate(config.props, config.options);
}

startAnimate(obj, animateConfig);

answered Aug 30, 2013 at 23:43

community wiki

user2437417

Collectives™ on Stack Overflow

give several parameters to a function with 1 variable/object

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related