Call jQuery widgets dynamically at runtime

Question

Lets imagine that I have some set of widgets: Widget1, Widget2 and Widget3.

How can I apply them according to some circumstances? Something like this:

if(case1)
    $('#container').Widget1()
else if(case2)
    $('#container').Widget2()
else if(case3)
    $('#container').Widget3()

if we have case only with three widgets IF-ELSE construction will probably perfectly works, but what if we have 10, 20 or even more?

I'm curious is there any way that would allow to call widgets by name? Is it possible to have function like this:

function ApplyWidget(name, options) {
    // apply widget here by 'name' with options
}

thanks in advance for any suggestions...

A. Wheatman · Accepted Answer · 2014-11-03 20:36:42Z

1

I think I found the answer...

function ApplyWidget(name, options) {
    $('#container')[name](options);
}

here is working fiddle

answered Nov 3, 2014 at 20:36

A. Wheatman

6,4366 gold badges49 silver badges63 bronze badges

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

1 Answer 1