我正在尝试创建一个从
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);
}
}
如何在幻灯片事件上触发我的功能并访问我的变量？
编辑：
链接到ui.slider来源：https://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.slider.js
编辑：解决方案
$.widget( "ui.myslider",{
_create: function() {
$.ui.slider.prototype._create.apply(this,arguments);
this.foo = "bar";
},_slide: function() {
$.ui.slider.prototype._slide.apply(this,arguments);
alert(this.foo);
}
}
解决方法
在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 );
}