Question

我正在尝试构建一个自动执行jquery ui滑块实例化的类。我已经可以实例化滑块，让它们运行等等。但是当我绑定幻灯片事件时，我遇到了this现在是事件的问题。我已经做了一个var _self = this;来解决这个问题，但是这个类会被每个实例覆盖。

班级：

$(function(window){
    function WoningSelector(slider_id, min_id, max_id, step, min, max){
        this.initialize(slider_id, min_id, max_id, step, min, max);
    }
    WoningSelector.prototype = {};
    var _self;

    // Constructor
    WoningSelector.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.iMin = min;
        this.iMax = max;
        this.step = step;

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

        _self.min.text(this.iMin + (this.step * 4));
        _self.max.text(this.iMax - (this.step * 4));
    };

    // Slide event handler
    WoningSelector.prototype.slide = function(event, ui){
        _self.min.text(ui.values[0]);
        _self.max.text(ui.values[1]);
    };

    window.WoningSelector = WoningSelector;
}(window));

Answer 1

在事件处理程序中使用“this”（删除self），但绑定到事件时，不要简单地传递

WoningSelector.prototype.slide

代替传递

$.proxy(WoningSelector.prototype.slide, theConcreteInstanceYouBind)

这样，你的处理程序将被调用，上下文（this）是theConcreteInstanceYouBind。

jQuery UI事件范围问题

1 个答案: