相关疑难解决方法(0)

我正在尝试创建一个从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", $.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);
    }
}