將jquery ui事件綁定到本地函數

Question

我忙於構建一個javascript類來自動創建Jquery UI滑塊。

CustomSlider.prototype.initialize = function(slider_id, min_id, max_id, step, min, max){ 
     this.$slider = $('#' + slider_id); 
     this.$min = $('#' + min_id); 
     this.$max = $('#' + max_id); 
     this.min = min; 
     this.max = max; 
     this.step = step; 

     this.$slider.slider({ 
      range: true, 
      step: this.step, 
      min: this.min, 
      max: this.max, 
      values: [(this.min + (step * 4)), (this.max - (step * 4))], 
      slide: this.slide(event, ui) 
     }); 

     this.$min.text(this.min + (step * 4)); 
     this.$max.text(this.max - (step * 4)); 
    }; 

    CustomSlider.prototype.slide = function(event, ui){ 
     this.$min.text(ui.values[0]); 
     this.$max.text(ui.values[1]); 
    }; 

當我嘗試綁定幻燈片事件時，它不會採用「事件」和「UI」變量。 如何將此事件綁定到我自己的函數？

Answer 1

這應該只是

this.$slider.slider({ 
     range: true, 
     step: this.step, 
     min: this.min, 
     max: this.max, 
     values: [(this.min + (step * 4)), (this.max - (step * 4))], 
     slide: this.slide 
    }); 

您需要分配爲slide屬性的函數作爲參考值。

在你的情況，你所呼叫的this.slide功能，通過它返回到幻燈片屬性值分配，在這種情況下未定義