jQuery plugin callback function parameters

Question

I am looking for a better way to access/manage data inside a plugin callback function. I want to do the same thing as the jQuery UI.

UI example:(how I want to do this) http://api.jqueryui.com/sortable/

$( ".selector" ).sortable({
   activate: function( event, ui ) {
     alert(ui.item)
     alert(ui.position)
     alert(ui.offset)
   }
});

my plugin example(how I now have it):

$( ".selector" ).myplugin({
   activate: function( event, item, postion, offset ) {//to much parameters
     alert(item)
     alert(position)
     alert(offset)
   }
});

//inside the plugin
var varItem = '';
var varPosition = '';
var varOffset = '';

if(typeof self.o.activate == 'function'){
    self.o.activate.call(this, varItem, varPosition, varOffset);
}

Without knowing where a user would get the item/pos/offset properties from, it's hard to give a solid answer. Could you do this with an object? Then the user could pass an element or a declared object? — brandonscript
– brandonscript, Commented Dec 7, 2013 at 0:29

yachaka · Accepted Answer · 2013-12-07 00:29:52Z

4

This should do the trick

$( ".selector" ).myplugin({
   activate: function( event, object ) {//to much parameters
     alert(object.item)
     alert(object.position)
     alert(object.offset)
   }
});

//inside the plugin
var varItem = '';
var varPosition = '';
var varOffset = '';

if(typeof self.o.activate == 'function'){
    self.o.activate.call(this, {item: varItem, position: varPosition, offset: varOffset});
}

answered Dec 7, 2013 at 0:29

yachaka

5,6291 gold badge26 silver badges35 bronze badges

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

Collectives™ on Stack Overflow

jQuery plugin callback function parameters

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related