javascript - jQuery UI 滑块 - 不能滑动到 0

Question

jQuery 1.3.2 / jQueryUI 1.7 /滑块

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

它开始时很好，但是在我移动滑块后，我无法将它恢复到 0，当我将它一直向左滑动时，ui.Value 为 1。

我试过设置

min:-1

当我将 ui.Value 滑动到 -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'));
    }
});