jQuery Plugin - passing a function / method as an option

Question

Noob question here, my basic setup looks like this:

(function($) {
    $.fn.imageSlider = function(options) {
        var defaults = {
            columns: 3,
            imgHeight: 50,
            imgWidth: 75,
            jsonScript: '',
            jsonData: {},
            onComplete: $.noop  // I want a user supplied method here
        };

        var options = $.extend(defaults, options);

        // Exec plugin here

        if($.isFunction(options.onComplete)) {
            // call user provided method
            options.onComplete.call();
        }
})(jQuery)

plugin call

 $('#gallery').imageSlider({
    columns: 6,
    jsonScript: './scripts/galley.php?id=1'
 });

The plugin works fin but will never call the user supplied onComplete function

What do I need to do to get the onComplete method to work?

scurker · Accepted Answer · 2011-06-30 16:08:11Z

1

One issue that I can immediately see is that you're not properly closing your function definition.

(function($) {
  $.fn.imageSlider = function(options) {

    // ...setup options and code...

  }; // <-- missing this
})(jQuery);

Other than that, everything looks to be working fine: http://jsfiddle.net/y4rkS/

answered Jun 30, 2011 at 16:08

scurker

4,8031 gold badge28 silver badges25 bronze badges

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

1 Comment

tomoguisuru Over a year ago

Thanks, it's always the little stuff that kills me

Collectives™ on Stack Overflow

jQuery Plugin - passing a function / method as an option

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related