How to call object function after click

Question

I would like to know how to make this code work: http://jsfiddle.net/LBXVd/2/. It's almost clean jqueryboilerplate, I'm interested in this part of code:

Plugin.prototype = {

    init: function() {

        /// create element <a> with click function
        myEl = $('<a/>', {  
            href: '#',
            text: '###',
           click: function(e){this._handler();}
    });
     $('ul').before(myEl);
    },


    //handler for click events on my <a> element...
    _handler: function(el, options) {
        alert("my handler called");
    }
};

How can I call function _handler after click on created element?

Thanks!

obecker · Accepted Answer · 2013-07-18 11:50:06Z

3

Your jsfiddle isn't very helpful since it doesn't show any result ... however I think it's because this in the this._handler() call is not what you think (it is the <a> element and not the prototype object).

Try

init: function() {

    var self = this; // ****

    /// create element <a> with click function
    myEl = $('<a/>', {  
        href: '#',
        text: '###',
       click: function(e){self._handler();} // ****
});

answered Jul 18, 2013 at 11:50

obecker

2,4172 gold badges22 silver badges25 bronze badges

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

1 Comment

user2595304 Over a year ago

Thank you for your answer. I fixed my jsfiddle and tried your code. It works!

Collectives™ on Stack Overflow

How to call object function after click

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