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, Oct 29 '15 at 22:23

score 3 · Answer 1 · answered Oct 29 '15 at 22:19

3

If callback is definitely a function, you should try

callback(this);

answered Oct 29 '15 at 22:19

shadowmaster13

63
2
10

That's the first thing I've tried: no results, can't catch anything in nonymous function. – Miloš Đakonović Oct 29 '15 at 22:20
1

This is correct answer. @Miloshio It will work as expected. If it doesn't work for you then show how you use callback function. – dfsq Oct 29 '15 at 22:22
Is the function being called at all? Just not getting 'this' passed? – shadowmaster13 Oct 29 '15 at 22:23
Function is being called and, what is `this` in `callback.call(this)` doesn't show in anonymous function passed as callback. – Miloš Đakonović Oct 29 '15 at 22:26

score 1 · Accepted Answer · answered Oct 29 '15 at 22:28

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 '15 at 22:28

vinayakj

5,591
3
28
48

1

that's it. Waiting for time limit to accept your answer. Thanks! – Miloš Đakonović Oct 29 '15 at 22:29

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

2 Answers2