从嵌套窗口小部件触发事件

Question

我已经构建了一个非常简单的jQuery UI UI窗口小部件，它只创建一个滑块并尝试向上滑动事件。代码如下。但是，this._trigger在此上下文中未定义。在这种情况下，我将如何重新触发事件？

(function($) { 
    $.widget("ui.timelineSlider", { 
     options : { 
     }, 

     _create : function() { 
      var self = this; 
      var element = self.element; 
      var options = self.options; 

      element.slider({ 
      slide:function (e, ui) { 
         this._trigger("slideHappened", null, {date: ui.value}); 
       } 
      }); 
     }, 

     destroy : function() { 
      this.element.next().remove(); 
     }, 

     _setOption : function(option, value) { 
     } 
    }); 
})(jQuery); 

Answer 1

jQuery将设置于通过它绑定到该事件发生的DOM节点的事件调用上下文（即this）。在这种情况下，将是幻灯片发生的div.ui-slider。

要引用slide处理程序中的小部件，必须保存引用，以便slide方法可以访问。幸运的是，你已经有var self = this;在_create。

因此，你可以简单地用self替换this，你很好。

活生生的例子 - http://jsfiddle.net/kQYWf/