Расширение виджета jquery ui - как получить доступ к родительскому событию

Question

Я пытаюсь создать виджет jQuery, который расширяется от ui.slider .Я хотел бы иметь собственный метод, который выполняется на событие «слайд».Я попытался переопределить родительский параметр, как при обычном использовании виджета-ползунка, но столкнулся с этой проблемой с областями видимости переменных:

$.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);
    }
}

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 );
}