Question

Is it possible to add a function to a plugin without modifying the actual plugin? Can I do something like this in my site’s js file?

$.fn.Watermark.Refresh = function() {
        $.Watermark.HideAll();
        $.Watermark.ShowAll();
    }

or

(function($){
$.fn.Watermark.Refresh = function() {
        $.Watermark.HideAll();
        $.Watermark.ShowAll();
    };
})(jQuery);

neither worked, the first says $ is undefined, the second that jQuery is undefined…

ideas?

Solution: Either method works, just include the jquery file before the site js file.

Answer 1

You can add those functions if you want to, but you’ll have to make sure that you’re also loading jQuery itself and the plugin to be modified. If you’re getting those errors (that jQuery or “$” are not defined), then you have not correctly done that.

Now, though it’s true that you can add those functions, I have to wonder what the point would be. If I were to do this, for example:

$.fn.css.myFunction = function() { return "hello world"; };

then it would be possible to call it:

var str = $.fn.css.myFunction();

but so what? What good does that do me? I don’t think it’s very useful.