javascript - 点击后如何调用对象函数

Question

我想知道如何使这段代码工作:http://jsfiddle.net/LBXVd/2/ 。它几乎是干净的jqueryboilerplate，我对这部分代码感兴趣:

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");
    }
};

点击创建的元素后如何调用函数_handler？

谢谢!

Answer 1

你的jsfiddle不是很有帮助，因为它没有显示任何结果......但我认为这是因为this在 this._handler() call 不是您想象的那样(它是 <a> 元素，而不是原型(prototype)对象)。

尝试

init: function() {

    var self = this; // ****

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