jQuery event in JavaScript object error on apply

Question

I don't really understand how to set listeners in my JavaScript object. For example:

var obj = function(){

    this.test = function(){
        console.log('test');
    }

    $(document).on('click','#test',(function(){
        this.test();
    }).bind(this));
}

But jQuery gives me this error

Uncaught TypeError: Object #test has no method 'apply'

I think there is a proper way but I can't find.

Thanks for your help.

Edit: I don't know really why it works in my example but not in my code

http://jsfiddle.net/nhJNH/

I cannot reproduce that error. The only error in that code is "Uncaught SyntaxError: Unexpected token }", but when I fix that and instantiate an instance of the class so the function actually runs, the code works as I would expect. — Quentin
– Quentin, Commented Jul 28, 2013 at 10:13

Joyce Babu · Accepted Answer · 2013-07-28 10:17:53Z

2

Try

var obj = function(){

    this.test = function(){
        console.log('test');
    }
    var t = this;

    $(document).on('click','#test', function(){
        t.test();
    });

}

You may also use

$(document).on('click','#test', $.proxy(this.test, this));

or

$(document).on('click','#test', $.proxy(function () {
    this.test();
}, this));

edited Jul 28, 2013 at 10:17

answered Jul 28, 2013 at 10:12

Joyce Babu

20.9k13 gold badges66 silver badges102 bronze badges

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

Collectives™ on Stack Overflow

jQuery event in JavaScript object error on apply

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related