How to write a callback handler function in jQuery plugin

Question

I'm writing a jQuery plug-in to handle a callback function after an event is fired.

(function($){
    return $.fn.myPlugin = function (options) {
         var defaults = {
             callback:defaultCallback,
             many_more_params:'default etc',
             many_more_params2:'default etc',
             etc:'default etc'
         }
         var settings = $.extend(defaults, options);

         var defaultCallback = function (params) {
             // do default actions with params
         }

         $(this).click (function () {
             var params = { param1:'hello', param2:'goodbye'};
             settings.callback(params);
         });
    };
})(jQuery);

In the page I would like to set a custom callback like this

function customCallback (params) {
    // do custom actions with params
}

var opt = {
    callback:customCallback,
    many_more_params:'etc',
    many_more_params2:'etc',
    etc:etc
}
$('#id').myPlugin(opt);

How can I let the callback function work properly?

Niklas · Accepted Answer · 2011-06-05 17:28:26Z

4

Change the order of your code. Put:

var defaultCallback = function (params) {
             // do default actions with params
}

before

var defaults = {
     callback:defaultCallback,
     many_more_params:'default etc',
     many_more_params2:'default etc',
     etc:'default etc'
 }

and it should work they way you want it to.

Example: http://jsfiddle.net/niklasvh/k5Wvb/

answered Jun 5, 2011 at 17:28

Niklas

30k5 gold badges54 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to write a callback handler function in jQuery plugin

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related