Best Way to Extend a jQuery Plugin

by

I just had the same problem trying to extend jquery UI plugins, and here is the solution I found (found it through jquery.ui.widget.js):


(function($) {
/**
 *  Namespace: the namespace the plugin is located under
 *  pluginName: the name of the plugin
 */
    var extensionMethods = {
        /*
         * retrieve the id of the element
         * this is some context within the existing plugin
         */
        showId: function(){
            return this.element[0].id;
        }
    };

    $.extend(true, $[ Namespace ][ pluginName ].prototype, extensionMethods);


})(jQuery);

hope this helps, please ask if you have any questions.

More Related Contents:

  1. Difference between jQuery.extend and jQuery.fn.extend?
  2. fullcalendar multiple cell select on mobile device?
  3. Extending an existing jQuery function
  4. Is there a way to prevent overlapping events in jQuery FullCalendar?
  5. jquery fullcalendar event filtering
  6. jquery remove plugin from element
  7. Change Fullcalendar event source after render
  8. Display 2 weeks in jQuery FullCalendar
  9. Does jQuery have a plugin to display a “message bar” like the Twitter “wrong password” bar at the top of screen?
  10. Jquery version for $(“#submit”).on(“click”, function(){
  11. Best way to use Google’s hosted jQuery, but fall back to my hosted library on Google fail
  12. Stop a gif animation onload, on mouseover start the activation
  13. JQuery gets loaded only on page refresh in Rails 4 application
  14. How to adjust the column width of jqgrid AFTER the data is loaded?
  15. document .click function for touch device
  16. How to force addition instead of concatenation in javascript [duplicate]
  17. Delay pop-up for 10 seconds, only pop up once
  18. jQuery UI Datepicker – Multiple Date Selections
  19. How do you fade in/out a background color using jquery?
  20. How to return data from PHP to a jQuery ajax call
  21. Jquery each – Stop loop and return object
  22. jQuery .hasClass() vs .is()
  23. “How” to save an entire collection in Backbone.js – Backbone.sync or jQuery.ajax?
  24. Pass parameter between pages using jquery mobile
  25. Check if all checkboxes are selected
  26. Bootstrap 4 with remote Modal
  27. jQuery – How to select value by attribute name starts with
  28. Ignore all hidden div but not one in jQuery validation
  29. How can I stop “property does not exist on type JQuery” syntax errors when using Typescript?
  30. jQuery: Making simultaneous ajax requests, is it possible?

Leave a Comment