麻煩的jQuery插件

Question

我有這樣

$.widget("ui.myWidget", { 
    //default options 
    options: { 
     myOptions: "test" 
    }, 
    _create: function() { 
     this.self = $(this.element[0]); 
     this.self.find("thead th").click(function() { 
      this.self._headerClick(); //how do I do this!!! 
     }); 
     this.self._somethingElse(); 
    }, 
    _headerClick: function(){ 
    }, 
    _somethingElse: function(){ 
    }, 
. 
. 
. 

線this.self._headerClick();一個widget拋出一個錯誤。這是因爲在這種情況下this是被點擊的th元素。我如何獲得對_headerClick函數的引用？

Answer 1

商店的範圍。

$.widget("ui.myWidget", { 
    //default options 
    options: { 
     myOptions: "test" 
    }, 
    _create: function() { 
     var that = this; // that will be accessible to .click(... 
     this.self = $(this.element[0]); 
     this.self.find("thead th").click(function() { 
      that._headerClick(); //how do I do this!!! 
     }); 
     this.self._somethingElse(); 
    }, 
    _headerClick: function(){ 
    }, 
    _somethingElse: function(){ 
    }, 

Answer 2

未經檢驗的，但也許是這樣的：一個變量中所需this

_create: function() { 
    var self = this, 
     $elem = $(self.element[0]); 

    $elem.find("thead th").click(function() { 
     self._headerClick(); 
    }); 

    self._somethingElse(); 
},