Select jQuery plugin dynamically

Question

I have a set of jquery plugins as follows:-

fooADD(options)
fooSUB(options)
fooDIV(options)
....

I then have a plugin that acts on a with an attribute data-plugin=""

So for:-

<DIV data-plugin="fooADD">

I want to run the code:-

var item = $('<div/>').fooADD({'option':'value'});

How can I achieve this such that I can keep adding new foo plugins which can be selected from data-plugin without the need to update an array of function lookups?

Adil Shaikh · Accepted Answer · 2013-05-17 09:40:52Z

4

Demo --> http://jsfiddle.net/zYfWc/

var plugin = $('div').data('plugin');
var item = $('<div/>')[plugin]({'option':'value'});

edited May 17, 2013 at 9:40

answered May 17, 2013 at 9:35

Adil Shaikh

44.8k17 gold badges95 silver badges112 bronze badges

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

Collectives™ on Stack Overflow

Select jQuery plugin dynamically

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related