Rozszerzanie widżetu jquery ui - jak uzyskać dostęp do zdarzenia nadrzędnego

Question

Próbuję utworzyć widget jQuery, który rozciąga się od ui.slider. Chciałbym mieć niestandardową metodę, która wykonuje się w przypadku "slajdu". Próbowałem nadrzędnymi opcja rodzica tak jak przy korzystaniu widget suwaka normalnie, ale wpadłem na ten problem ze zmiennych zakresów:

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

Jak mogę wywołać moją funkcję w przypadku slajdów i mieć dostęp do mojego zmiennej?

Edit: Link do ui.slider źródło: https://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.slider.js

Edit: Rozwiązanie

$.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

W jQuery UI> = 1.9, można użyć metody _super zamiast:

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

lub superApply:

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