Call an external function from inside function in jQuery

Question

I try to extend jQuery, but when I call myTest this will return this.myTest.test() is undefined...

can someone tell me why...

(function($) {
    $.fn.myTest=function() {

        var x=function() {
            this.myTest.test();

            var b = function() {
                this.myTest.coba();
            }
        }

        x();

        return this.each(function(){
        });
    };

    $.fn.myTest.test = function(){
        alert('test'); 
    };

    $.fn.myTest.coba = function(){
        alert('coba'); 
    };

    $.fn.myTest.iseng = function(){
        alert('iseng'); 
    };
})(jQuery);

jfs · Accepted Answer · 2010-08-30 06:41:19Z

2

You call this.myTest.test(); from within the nested function x. Thus this won't point to the $.fn.myTest object.

You will run into the same problem with this.myTest.coba(); in function b.

To solve that you have to store the context of the $.fn.myTest object beforehand to access it:

$.fn.myTest=function() {

    var self = this;
    var x=function() {
        self.myTest.test();

        var b = function() {
            self.myTest.coba();
        }
    }

    x();

    return this.each(function(){
    });
};

edited Aug 30, 2010 at 6:41

answered Aug 30, 2010 at 6:12

jfs

2931 gold badge3 silver badges9 bronze badges

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

Comments

sharat87 · Accepted Answer · 2010-08-30 06:12:27Z

1

The this inside the x() function is not the jQuery object, but is the window, as far as I know. Here's what you need...

$.fn.myTest = function() {
    var that = this;
    var x=function() {
        that.myTest.test();

        var b = function() {
            that.myTest.coba();
        }
    }

    x();

    return this.each(function(){
    });
};

answered Aug 30, 2010 at 6:12

sharat87

7,56612 gold badges57 silver badges81 bronze badges

Collectives™ on Stack Overflow

Call an external function from inside function in jQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related