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