How can I use getscript from insidea jquery widget

Question

I have a new jquery UI widget factory widget, in the create method I want to load a js file and then do stuff with it. However when I call $.getScript and refer to "this" within the call back "this" is no longer my plugin instance, it is relating now to the loaded script! How can I access the plugin instance instead?

CODE:

$.widget("custom.embed", {
    options:{
        base_url: "",
        theme_url: "",
        widget_base_url: "",
        token: ""
    },
    _create: function () {
        $.getScript("URL", function(){
            this.doSomething();
        });
    },
    doSomething: function(){
        alert("something");
    }
});

Thank you!

EDIT

$.widget("custom.embed", {
        options:{
            base_url: "",
            theme_url: "",
            widget_base_url: "",
            token: ""
        },
        _create: function () {
            var widget = this;
            $.getScript("URL", function(){
                widget.doSomething();
            });
        },
        doSomething: function(){
            alert("something");
        }
    });

Is this a safe approach? It seems to work.

Boris Plamenov Karaivanov · Accepted Answer · 2014-10-29 19:20:43Z

2

Your problem is related to closures(variable scope depending on function definition). I'll do something like:

_create: function() {
    var self = this;
    $.getScript("URL", function() {
        self.doSomething();
    });

Read this article

answered Oct 29, 2014 at 19:20

Boris Plamenov Karaivanov

614 bronze badges

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

Comments

B W · Accepted Answer · 2014-10-29 19:15:40Z

0

What about:

var widget = $.widget(
    ...
    _create: function() {
        $.getScript("URL", function() {
            widget.doSomething();
        });
    },
    doSomething: function() {
        alert("something");
    }
});

answered Oct 29, 2014 at 19:15

B W

7321 gold badge8 silver badges22 bronze badges

1 Comment

box86rowh Over a year ago

I think that will cause issues if I have more than 1 instance on the page, right?

Collectives™ on Stack Overflow

How can I use getscript from insidea jquery widget

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related