有没有办法在jQuery中传递上下文绑定?

时间:2011-10-12 17:08:54

标签: javascript jquery

我在一个javascript对象(vr roxx :))中,但每次我使用jQuery进行事件绑定时,我必须通过data参数包含主对象实例的上下文才能使用它。在jQuery中没有一种简单/干净的方法吗?

var oink = 
{
    pig: null,

    options:    
    {
        showPigMom: 0
    },

    init: function(pigObj)
    {

        //Show the pigmom
        $(this.doc).bind('keyup click', {o: this}, function(e)
        {
            var o = e.data.o;
            if (o.options.showpath)
                o.doWhatever();
        });

    ...

3 个答案:

答案 0 :(得分:23)

我使用$.proxy()函数

init: function(pigObj)
{
    //Show the pigmom
    $(this.doc).bind('keyup click', $.proxy(function(e) {
        if (this.options.showpath)
            this.doWhatever();
        $(e.currentTarget).text(); // use this to access the clicked element
    }, this));
}

答案 1 :(得分:4)

init: function() {
    var self = this;
    $(this.doc).bind('keyup click', function() {
        if (self.options.showpath) self.doWhatever();
    });
}

答案 2 :(得分:2)

init: function() {
    $(this.doc).bind('keyup click', function() {
       if (this.options.showpath) this.doWhatever();
       $(e.currentTarget).text(); // use this to access the clicked element
    }.bind(this))
}