how to send parameters to jquery plugin function

Question

I want to pass values to jquery plugin function.

This is my plugin:

(function ( $ ) {

    $.fn.myplugin = function(name,value) {
        alert(name + " , " + value )
    };

}( jQuery ));

And this is my call:

$('#wrapper').myplugin({name:'test',value:'big_test'});

I can't receive any data in my plugin. why?

bugwheels94 · Accepted Answer · 2013-06-14 21:00:58Z

5

when you are sending data as object then receive it as object and change your plugin code like

$.fn.myplugin = function(data) {
        alert(data.name + " , " + data.value )
    };

Note:Don't forget to return $(this) object in order to mantain chain ability of jQuery

answered Jun 14, 2013 at 21:00

bugwheels94

32.1k3 gold badges43 silver badges62 bronze badges

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

2 Comments

thank you...it was right in front of me and I didn't realize it :)

should I return this or $(this)

sinsedrix · Accepted Answer · 2013-06-14 21:02:55Z

1

Just try the following pattern:

    $.fn.myplugin = function(options) {
        var settings = $.extend({}, options);

        alert(settings.name + " , " + settings.value);
    };

answered Jun 14, 2013 at 21:02

sinsedrix

4,8055 gold badges38 silver badges66 bronze badges