javascript - noUiSlider - 限制值

Question

我有一个 slider ，点数从 21 到 30，数字之间有 10 个标记(像尺子)，步长为 0.5。有没有办法限制值，所以用户不能低于 21.5 但标记从 21 开始？我不会听 onchange，因为我想在 21.5 以下阻止拖动。

测试链接:http://codepen.io/anon/pen/dPGgzK

$('#slider').noUiSlider({
    start: 21.5,
    step: 0.5,
    range: {
        'min': 21,
        'max': 31,
        '10%': 22,
        '20%': 23,
        '30%': 24,
        '40%': 25,
        '50%': 26,
        '60%': 27,
        '70%': 28,
        '80%': 29,
        '90%': 30,
        '100%': 31
    }
});

$('#slider').noUiSlider_pips({
    mode: 'range',
    density: 1
});

Answer 1

您应该只能使用 slider 的 slide event , 例如

$("#slider").on({
    slide: function(){
        if ($("#slider").val() < 21.5) { // if slided to somthing less than 21.5
            $("#slider").val(21.5); // set it to 21.5
        }
    }
});

http://codepen.io/anon/pen/XJKJaQ