OOP : jQuery class method call on click event

Question

I am new to OOP in jQuery.

I have following class

/*
 * myClass
 */
var AlcoholOrder = function (options) {

    /*
     * Variables accessible
     * in the class
     */
    var vars = {
        myVar: 'original Value'
    };

    /*
     * Can access this.method
     * inside other methods using
     * root.method()
     */
    var root = this;

    /*
     * Constructor
     */
    this.construct = function (options) {
        $.extend(vars, options);
    };

    var addRemoveFavorite = function(){
        alert('function called');
    };

    $(function () {
        $(document.body).on('click', '.favorite-add', this.addRemoveFavorite);
    });

    /*
     * Pass options when class instantiated
     */
    this.construct(options);

};

Now I am initialising my class in one page with following code.

$(document).ready(function($){
  var alcohol = new AlcoholOrder({ myVar : 'new Value' });
});

I want to call addRemoveFavorite method when click event fired. Currently when I click I am getting error

jquery-1.12.4.min.js:3 Uncaught TypeError: ((n.event.special[g.origType] || {}).handle || g.handler).apply is not a function

I don't know how to call class method on click event. I have searched but not getting proper solution.

llama · Accepted Answer · 2017-10-12 11:34:31Z

1

This isn't specific to jQuery. The trouble is that you're passing undefined as the event handler, because you defined addRemoveFavorite as a local variable, not an owned or inherited property. So this.addRemoveFavorite is not found, and undefined is substituted.

answered Oct 12, 2017 at 11:34

llama

2,53715 silver badges11 bronze badges

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

1 Comment

Dhara Over a year ago

Ohh yes. that was my mistake. thanks @llama to guide me.

Collectives™ on Stack Overflow

OOP : jQuery class method call on click event

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related