jQuery UI滑块 - 无法滑动到0

时间:2009-03-07 02:01:07

标签: javascript jquery jquery-ui slider

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,当我将它一直向左滑动时,值为1。

我尝试过设置

min:-1

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

有什么想法吗?

1 个答案:

答案 0 :(得分:20)

您想要的是在滑块停止时获取值,而不是在滑动期间获取值。根据我的经验,幻灯片事件将为您提供滑块的先前位置。 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'));
    }
});