扩展jquery ui小部件 – 如何访问父级事件

我正在尝试创建一个从ui.slider扩展的jQuery小部件。 我想要一个在’slide’事件上执行的自定义方法。 我尝试覆盖父选项，就像正常使用滑块小部件一样，但我遇到了变量范围的问题：

$.widget( "ui.myslider", $.ui.slider, { _create: function() { this.foo = "bar"; // Outputs "bar" this._mySlide(); // Outputs "undefined" when triggered this.options.slide = this._mySlide; $.ui.slider.prototype._create.apply(this, arguments); }, _mySlide: function() { alert(this.foo); } } 

如何在幻灯片事件上触发我的function并访问我的变量？

编辑：链接到ui.slider源： https ： //github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.slider.js

编辑：解决方案

 $.widget( "ui.myslider", $.ui.slider, { _create: function() { $.ui.slider.prototype._create.apply(this, arguments); this.foo = "bar"; }, _slide: function() { $.ui.slider.prototype._slide.apply(this, arguments); alert(this.foo); } } 

Answer 1

在jQuery UI> = 1.9中，您可以使用_super方法：

 _slide: function() { this._super(); // equivalent to $.Widget.prototype._slide.call( this ); } 

或superApply ：

 _slide: function() { this._superApply(arguments); // equivalent to $.Widget.prototype._slide.apply( this, arguments ); }