jQuery: add callback function to another function

Question

So I have this function

$.fn.myFunction = function( options, callback ) {
    var settings = $.extend({
        opacity     : '',
        margin  : ''
    }, options );
}

and I do some funny stuff like this

$('.selector').myFunction( options, function() { /* do some stuff */ } );

Where should I specify inside my function about the callback function and how?

OxyDesign · Accepted Answer · 2014-10-04 00:14:53Z

1

Like this :

JS

$.fn.myFunction = function( options , callback ) {
    var settings = $.extend({
        opacity     : '',
        margin  : ''
    }, options );

    // where you want your callback
    if(callback && typeof callback === "function") callback();
}

answered Oct 4, 2014 at 0:14

OxyDesign

7545 silver badges6 bronze badges

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

3 Comments

OxyDesign Over a year ago

It's weird because it works fine for me : jsfiddle.net/OxyDesign/2ua11u6y Can you send a jsfiddle to show your problem ? Thanks

OxyDesign Over a year ago

You can also add your callback as a method of your options object and invoke it like this if(options.callback && typeof options.callback === "function") options.callback();

thednp Over a year ago

Thanks guys, I managed, I had to put the callback() inside the .onComplete() of another function.

jssblck · Accepted Answer · 2014-10-04 00:32:20Z

1

A callback is simply a parameter in a function. So, your case could be expressed very simply:

var myFunction = function(options, callback) {
    console.log('I am running in the main function');
    if (callback) { callback(); }
};

myFunction('', function() {
    console.log('I am running in the callback!');
});

Demo is here: http://repl.it/0b0

answered Oct 4, 2014 at 0:32

jssblck

5295 silver badges21 bronze badges

Collectives™ on Stack Overflow

jQuery: add callback function to another function

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related