Execute jQuery widget method inside a ajax request / setTimeout

Question

I try to call another method inside a setTimeout function, but it do not find the method if I use this.install() inside setTimeout. I have tried some solutions but seems not to solve it, so therefor I ask here.

The code I have, remember to look at the comments what I try to do:

jQuery(window).load(function () {

$.widget( "testing.updater", {

        options: {

        },

        _create: function() {

            //
            this.element.addClass('text');

            //
            this.downloadFiles('bootstrap');

        },

        downloadFiles: function(packagen) {
            var ajax = $.ajax({
                type: "POST",
                url: "responses/test.php",
                data: "download=" + packagen,
                success: function(data) {
                    var obj = jQuery.parseJSON( data);

                    $('.text').append('Downloading files...<br>');
                    $('#updateBtn').attr("disabled", true);

                    if (obj.downloaded) {
                        setTimeout(function(message){
                            $('.text').append(obj.message+'<p><p>');
                            // Down here I want to call another method
                            // like this.install(); <.. but ain't working..
                        }, 5000);
                    } else {
                        return $('.text').append('<p><p> <font color="red">'+obj.message+'</font>');
                    }

                }
            });

        },

        install: function() {
            // I want to run this method inside
            // prev method, look above comment
        },

    });

    $('#updateBtn').on('click',function(){
        var test = $('.updater').updater();
        test.updater();
    });
});

Take a look at this question/answer: stackoverflow.com/questions/2130241/… — SpaceDog
– SpaceDog, Commented Dec 15, 2014 at 9:46

T J · Accepted Answer · 2014-12-15 10:00:29Z

1

Inside the setTimeout callback, this refers to the global - window object. You can save a reference to the object before timeout like var that = this and use it for the referencing the object inside timeout,

or you can pass the context using the bind() method like:

setTimeout(function () {
  console.log(this)
}.bind(obj), 10);

answered Dec 15, 2014 at 10:00

T J

43.2k13 gold badges87 silver badges142 bronze badges

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

1 Comment

Spl1tz Over a year ago

I'm sure I tried set a variable outside but did not work.. Well thanks a lot for this, worked as a charm!! :)

Collectives™ on Stack Overflow

Execute jQuery widget method inside a ajax request / setTimeout

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related