Calling dynamic jQuery plugin with dynamic parameters in Javascript

Question

Suppose we need to dynamically construct plugin calls such as

$('#myDiv').myPlugin({a:'a',b:'b'});

will be something like:

function funcCallBuilder(selector, func, opts){
  //dynamically construct plugin call here
}

using:

funcCallBuilder('#myDiv', 'myPlugin', {a:'a',b:'b'});

Can someone point out the correct way of doing this?

Tgr · Accepted Answer · 2011-02-18 11:14:11Z

4

Not sure if I really understand the question, but if you simply want your first and third code snippet to have the same effect, just use apply:

function funcCallBuilder(selector, func, opts){
    func.apply($(selector), [opts]);
}

or, if you really want to pass the function as a string instead of a function object (not much point IMHO):

function funcCallBuilder(selector, func, opts){
    $.fn[func].apply($(selector), [opts]);
}

edited Feb 18, 2011 at 11:14

answered Feb 17, 2011 at 18:14

Tgr

28.4k13 gold badges88 silver badges123 bronze badges

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

3 Comments

KOGI Over a year ago

yep, .apply( ) should do it for you. Although, I think it should be $.fn[func].apply( $(selector), opts );

Sam3k Over a year ago

$.fn[func].apply($(selector), opts); worked for me! Thank you so much Tgr.

Tgr Over a year ago

Should have used call or arrayified the argument; fixed now. If you are sure you only need one argument, the simpler syntax $(selector)[func](opts) should work too.

Collectives™ on Stack Overflow

Calling dynamic jQuery plugin with dynamic parameters in Javascript

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related