1

我想构建一个可以拖动到特定宽度的水平滚动条。宽度由小部件选项设置。然而,我意识到我不知道如何在可拖动事件中使用我在 _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 小部件,我想知道这是否是正确的方法。我尝试了几件事,但没有任何效果。我还尝试从可拖动的小部件扩展我的小部件,但最终我走到了同样的死胡同。

编辑:它实际上只是代码中的一个错字,现在它可以工作了......

4

0 回答 0