jQuery Plugin: Adding Callback functionality

by

Just execute the callback in the plugin:

$.fn.myPlugin = function(options, callback) {
    if (typeof callback == 'function') { // make sure the callback is a function
        callback.call(this); // brings the scope to the callback
    }
};

You can also have the callback in the options object:

$.fn.myPlugin = function() {

    // extend the options from pre-defined values:
    var options = $.extend({
        callback: function() {}
    }, arguments[0] || {});

    // call the callback and apply the scope:
    options.callback.call(this);

};

Use it like this:

$('.elem').myPlugin({
    callback: function() {
        // some action
    }
});

More Related Contents:

  1. jQuery callback for multiple ajax calls
  2. jQuery pass more parameters into callback
  3. Callback of .animate() gets called twice jquery
  4. How can I run a directive after the dom has finished rendering?
  5. wait for a jquery ajax callback from calling function
  6. Extending an existing jQuery function
  7. Extracting Ajax return data in jQuery
  8. How to attach callback to jquery effect on dialog show?
  9. jquery callback function only working on last loop
  10. Calling function after .load (Jquery)
  11. jquery trigger function when element is in viewport
  12. Execute jQuery function after another function completes
  13. jquery – is not a function error
  14. jquery how to use multiple ajax calls one after the end of the other
  15. jquery – difference between $.functionName and $.fn.FunctionName
  16. Edit datatable in shiny with dropdown selection (for DT v0.19)
  17. Is there a callback for Twitter’s Tweet Button?
  18. Backbone.js Event Binding
  19. in Jquery how to run code with callback before submit
  20. jQuery get mouse position within an element
  21. JSONP with ASP.NET Web API
  22. jQuery text fade/transition from one text to another?
  23. How to make a hover effect for pseudo elements?
  24. jQuery is not defined in bootstrap-sass
  25. What does !function ($) { $(function(){ }) }(window.jQuery) do?
  26. Bootstrap popover content cannot changed dynamically
  27. Getting the browser cursor from “wait” to “auto” without the user moving the mouse
  28. Hide div if screen is smaller than a certain width
  29. jQuery.getJSON not working properly in IE8 with gdata json-c. Why? [duplicate]
  30. How do you change the default widget for all Django date fields in a ModelForm?

Leave a Comment