選擇jQuery插件動態

Question

我有一組jQuery插件如下： -

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

我然後有作用於一個與屬性數據的插件的一個插件=「」

所以對於： -

<DIV data-plugin="fooADD"> 

我想運行的代碼： -

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

我該如何實現這一功能，以便我可以不斷添加新的foo插件，這些插件可以從data-plugin中選擇，而無需更新函數查找數組？

Answer 1

演示-->http://jsfiddle.net/zYfWc/

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