Question

I have a jquery function like this:

(function($){
  $.fn.myjqfunction = function(cfg){

     var foo1, foo2; 

     return this.each...    

  };
})(jQuery);

How can I make foo1 and foo2 to be accessible from outside (from another function like this)?

These variables will store the state of some things that affect the entire document, and I want the other function to be aware of that…

Answer 1

Declare them outside the function, i.e., global.

You may want to put them in a namespace/object/module to be on the safe side. Which method is best depends on what you’re actually doing with them.

For example, if they’re related to specific selectors, it might be “best” to attach them directly to the DOM elements using .data, or keep them inside another jQuery function, etc.