在可拖动事件中使用jquery小部件变量

Question

我想构建一个可以拖动到特定宽度的水平滚动条。宽度由窗口小部件选项设置。然而我意识到我不知道如何在可拖动的事件中使用我在_created-function中声明的变量。

这是（现在正在工作的）代码：

$.widget( "my.scroller", {
    options: {
        rangemin: 0,
        rangemax: 1000
    },

    _create: function() {
        var scrollerrange = (this.options.rangemax - this.options.rangemin)

        this.element.draggable({
            axis: "x",

            drag: function(event, ui){
                var this.left = ui.position.left;

                // here I want to replace 700 with 'var scrollerrange'
                // and it works
                if(this.left > 0) this.left = 0;
                if(this.left < -scrollerrange) this.left = -scrollerrange;

                ui.position.left = this.left;
            },

        })
    },
});

这是我第一次尝试jquery小部件，我想知道这是否是正确的方法。我尝试了几件事，但没有任何效果。我也尝试从可拖动的方式扩展我的小部件，但最终我走到了同样的死胡同。

编辑：这实际上只是代码中的一个拼写错误，它现在有效......