Question

I’m doing a JQuery plugin to display messages like growl.To manage these messages have created a class. Because it is a plugin, there is some problem in creating a global variable to store an instance of this class?

Answer 1

There are two solutions:

• Make the class a private/local variable in a closure’s scope (the standard):

(function($) {
    function MyClass() {...};
    $.fn.myPlugin = function(opts) {
        var instance = new MyClass();
        ...
        return this;
    };
})(jQuery);

• Use the jQuery namespace for the class (Note the everyone can instantiate it now, do this only if it should be public):

jQuery.MyPluginClass = function() {...};
jQuery.fn.myPlugin = function(opts) {
    var instance = new jQuery.MyPluginClass();
    ...
    return this;
};