Pass jQuery plugin as a argument to function.

Question

I am looking for advice. What is the best method to pass jQuery plugin as a argument to function and execute it in context of DOM element. I want to do something like this:

(function ($) {
    $.fn.firstPlugin = function (options) {

    };
})(jQuery);


(function ($) {
    $.fn.secondPlugin = function (options) {

    };
})(jQuery);


function someFunction(argumentPlugin) {
    var someElement = document.getElementById("something");
    argumentPlugin.call(someElement); 
}

// what is better ?  
someFunction($.fn.firstPlugin);
// or
someFunction($.firstPlugin);

I would appreciate any ideas and tips. Best regars.

Answer 1

What if you just passed in the name of the plugin

Say the name is firstPlugin and is used like this $(element).firstPlugin();

So just do ...

function someFunction(pluginName) {
    var someElement = document.getElementById("something");
    $(someElement)[pluginName](); 
}

someFunction('firstPlugin');

Answer 2

$.firstPlugin will be undefined. $.fn is nothing but $.prototype so you cannot find the function reference in $.firstPlugin