绑定到另一个对象

Question

var obj = { 
    someFunction : function() { 
     $('#someID').on('change', '#someOtherId', function(e) { 
      this.someOtherFunction(); // works fine 
     }.bind(this)); 
    }, 

    someOtherFunction : function() { 
     // do something 
    } 
} 

上面这段代码在函数内部访问jQuery对象工作正常，但我不知道如何访问jQuery的包裹使用$(this)的someFunction内部元素。帮助表示赞赏。

Answer 1

var obj = { 
    someFunction : function() { 
     var me = this; 
     $('#someID').on('change', '#someOtherId', function(e) { 
      var $elem = $(this); // element/jquery object 
      me.someOtherFunction(); // works fine 
      // me is assigned in "obj" scope 
     }); 
    }, 

    someOtherFunction : function() { 
     // do something 
    } 
} 

Answer 2

我认为清洁的方法是使用$.proxy

var obj = { 
    someFunction : function() { 
     $('#someID').on('change', '#someOtherId', $.proxy(this.someOtherFunction, this)); 
    }, 

    someOtherFunction : function(e) { 
     //this is the jquery $(this) element 
     var $el = $(e.currentTarget); 

     //the "this" is the main "obj" object 
    } 
} 

在一个匿名的回调函数：

var obj = { 
     someFunction : function() { 
      $('#someID').on('change', '#someOtherId', $.proxy(function (e) { 
       //this is the jquery $(this) element 
       var $el = $(e.currentTarget); 

       //the "this" is the main "obj" object 
       this.someOtherFunction(); 
      }, this)); 
     }, 

     someOtherFunction : function(e) { 

     } 
    }