jquery - how to call a function with parameters inside a widget-factory plugin?

Question

I want to call a function inside my jquery-plugin (widget-factory based).

Looks like this:

(function( $, window) {
    $.widget("mobile.multiview",$.mobile.widget, {
        stackUp: function (source, event, data) {
             ...
        }
    }
}) (jQuery,this);

I want to call stackUp from outside of the plugin. The problem: I don't know how to pass the parameters correctly. This does not work:

$('#trigger').multiview("stackUp('pagination', fakeEvent, fakeData)");

Can somebody point me to the correcty syntax of calling a public function inside a plugin and passing along parameters?

UPDATE:

I can call the function like this:

$('#trigger').multiview('stackUp');

but how can I pass the parameters?

frequent · Accepted Answer · 2012-01-04 14:39:45Z

22

Ok, after endless meddling, the parameters or arguments are passed like this:

$("#trigger").multiview('stackUp','pagination', fakeEvent, fakeData );

You just have to add parameters after the function separated by comma. Hope this helps someone else, too.

answered Jan 4, 2012 at 14:39

frequent

28.7k61 gold badges188 silver badges336 bronze badges

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

2 Comments

OZZIE Over a year ago

what is #trigger referring to here? :S

frequent Over a year ago

@OZZIE: element with id of trigger but this was some time ago. Hope still helps

nav · Accepted Answer · 2012-01-04 12:30:39Z

1

I dont really know how that plugin extends and exposes its functions but I would guess you could try one of the following:

$.mobile.widget.stackUp.apply($('#trigger'), ['pagination', fakeEvent, fakeData]);
$.mobile.multiview.apply($('#trigger'), ['pagination', fakeEvent, fakeData]);

However its entirely possible that they don't expose that method. Do you have the code somewhere?

UPDATE

After actually finding out what this plugin is I read up on the docs and you should be able todo:

$('#trigger').stackUp(...)

View source here: http://jqueryui.com/demos/widget/default.html - and look at the random function that is defined.

Alternatively you could just define the function in a more global scope and then use it as part of the config object and when you want to apply it to specific elements.

edited Jan 4, 2012 at 12:30

answered Jan 4, 2012 at 12:08

nav

3,1151 gold badge23 silver badges24 bronze badges

2 Comments

frequent Over a year ago

that returns: result of expression '$.mobile.widget.stackUp'[undefined] is not an object. Hold up. let me try again. Nah. doesn't work.

nav Over a year ago

@frequent see my updated response. Only diff is you're doing $.widget("mobile.multiview",$.mobile.widget, {.. and the example is $.widget("mobile.multiview", {..

Aligma · Accepted Answer · 2017-03-27 06:10:30Z

1

I'm not very familiar with jquery but try this:

$("#trigger").multiview(function() { stackUp('pagination', fakeEvent, fakeData); });

This is an anonymous function which will be executed on need with your static and dynamic parameters.

edited Mar 27, 2017 at 6:10

Aligma

5727 silver badges30 bronze badges

answered Jan 4, 2012 at 12:05

rekire

48.1k34 gold badges184 silver badges279 bronze badges

3 Comments

frequent Over a year ago

hm. can't get stackUp to fire like this.

rekire Over a year ago

Maybe it is the missing quotes. I'll add them.

frequent Over a year ago

Your allonymous function is nice, but never fired in my script. I found out the widgety way. See my answer. Thanx for help!

Collectives™ on Stack Overflow

jquery - how to call a function with parameters inside a widget-factory plugin?

3 Answers 3

2 Comments

2 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related