jQuery plugin: how to pass element reference to callback function?

Question

TL;DR: I have jQuery.myPlugin

$.fn.myPlugin = function(param, callback){
  //...which does some operations to each member of collection
  //obtained by $('.someclass').myPlugin()
  //that are represented with this variable
}

how to pass this variable - single node reference - to callback when plugin's job is done? Like this:

$.fn.myPlugin = function(param, callback){
  //...
  //...
  //when job is done:
  callback.call(this);
}
$('.someclass').myPlugin(options, function(arg){ 
  //I need arg to be this variable from plugins definition...
})

Just to mention, whatever I pass to callback.call(somevar), somevar is not available in executed anonymous callback function.

//when job is done: callback(this); call the callback directly. or //when job is done: callback.call(this, this); see the .call docs. — vinayakj
– vinayakj, Commented Oct 29, 2015 at 22:23

shadowmaster13 · Accepted Answer · 2015-10-29 22:19:25Z

3

If callback is definitely a function, you should try

callback(this);

answered Oct 29, 2015 at 22:19

shadowmaster13

632 silver badges10 bronze badges

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

4 Comments

Miloš Đakonović Over a year ago

That's the first thing I've tried: no results, can't catch anything in nonymous function.

dfsq Over a year ago

This is correct answer. @Miloshio It will work as expected. If it doesn't work for you then show how you use callback function.

shadowmaster13 Over a year ago

Is the function being called at all? Just not getting 'this' passed?

Miloš Đakonović Over a year ago

Function is being called and, what is this in callback.call(this) doesn't show in anonymous function passed as callback.

vinayakj · Accepted Answer · 2015-10-29 22:28:06Z

1

//when job is done:
callback(this);

call the callback directly. or use

//when job is done: 
callback.call(this, this);

see the .call API docs.

answered Oct 29, 2015 at 22:28

vinayakj

5,7013 gold badges30 silver badges49 bronze badges

1 Comment

Miloš Đakonović Over a year ago

that's it. Waiting for time limit to accept your answer. Thanks!

Collectives™ on Stack Overflow

jQuery plugin: how to pass element reference to callback function?

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related