jQuery UI滑块 - 无法滑动到0

Question

jQuery 1.3.2/jQueryUI 1.7/Slider

$("#slider").slider({
    range: "min",
    min: 0,
    max: 40,
    value: 0,
    slide: function(event, ui) {
        CalculateOrder(event, ui);
    }
});

它开始就好了,但在我移动滑块后我无法将其恢复为0,ui.Value为1,当我一直滑到左边.

我试过设定

min:-1

当我将它滑动到-1时,这会将ui.Value设置为-1,但是当我在0时,ui.Value仍为1.

有任何想法吗？

Answer 1

您想要的是在滑块停止时获取值,而不是在滑动期间获取值.根据我的经验,幻灯片事件将为您提供滑块的先前位置.Stop将为您提供用户将其移动到的滑块的值.

$("#slider").slider({
    range: 'min',
    min: 0,
    max: 40,
    value: 1,
    step: 10,
    slide : function(event, ui){
        console.log("previous value:"+ $(this).slider('option', 'value'));
    },
    stop: function(event, ui){
        console.log("Current value:"+ $(this).slider('option', 'value'));
    }
});