Estou fazendo um plugin que em determinada etapa executa uma função.
Exemplo:
<button class="btn btn-warning btn-lg" id="act"> Action </button>
(function($) {
$.fn.foo = function(options) {
var opts = $.extend({}, $.fn.foo.defaults, options);
this.init = function() {
this.css('background', opts.background);
this.on(opts.action[0],opts.action[1]);
};
this.init();
return this;
};
$.fn.foo.defaults = {
action: ["click", "bar()"],
background: "black"
};
}(jQuery));
function bar() {
console.log('hello,world');
}
$("#act").foo();
Quero executar uma função forá do escopo do plugin, um exemplo e se eu declarar $("#act").foo({action:["dblclick","bar()"]});
, como posso executa-la dentro do meu plugin? tentei isto utilizando o new Function(opts.action[1]) também, fala que a função é indefinida.