requirejs loading my jquery plugin async

Question

I have a function that is calling a jquery plugin function by first loading the plugin with RequireJS the problem is the plugin function inside requirejs only gets executed after my function already returned so hasMessageParent always returns null. I'm really confused because this was working fine before and I don't know what change and broke. How can I fix so myMsg gets set to the function return before continuing?

hasMessageParent: function() {
    var myMsg = null;
    var ctrl = '#myDiv';
    require(["my_msgcheck"], function() {
        // this gets executed after the return already happened, it returns true
        myMsg = $(ctrl).msg_check('hasMessage');
    });
    // this always returns null because the require jquery plugin function is executed after the return already happened
    return myMsg ;
},

jgillich · Accepted Answer · 2013-04-18 16:54:50Z

1

You can't fix this by modifying the function alone, you have to add "my_msgcheck" to the define call of your module.

Another option is to use a callback if your really only want to load it inside that function. But this could be a sign of a bad code structure.

var hasMessageParent = function(callback) {
    var myMsg = null;
    var ctrl = '#myDiv';
    require(["my_msgcheck"], function() {
        // this gets executed after the return already happened, it returns true
        myMsg = $(ctrl).msg_check('hasMessage');
        callback(myMsg);
    });
};
hasMessageParent(function (msg) {
    // ...
});

answered Apr 18, 2013 at 16:54

jgillich

77.2k7 gold badges61 silver badges89 bronze badges

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

2 Comments

user391986 Over a year ago

wow clever thank you! the call back works however i don't understand the first way to fix it you mentioned, adding define call to which module?

jgillich Over a year ago

@user391986 What I meant is that the require call must happen before the function is called if you want to return myMsg directly. But the requirejs-way would be to define your code as modules: requirejs.org/docs/api.html#define

Collectives™ on Stack Overflow

requirejs loading my jquery plugin async

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related