javascript - nouislider 自定义步骤，单次拖动

Question

我尝试将自定义步骤添加到 nouislider但没有运气。

slider 从 500 移动到 10000，并错过了 1000。

$("#nouislider").noUiSlider({
    start: 500,
    snap: true,
    range: {
        'min': [500],
        '1000': [1000],
        'max': [10000],
    },
 });

没用，同样的事情

$("#nouislider").noUiSlider({
    start: 500,
    snap: true,
    range: {
        'min': 500,
        '1000': 1000,
        'max': 10000,
    },
 });

Answer 1

range 选项中的keys 指示您希望值在范围内的位置。如果你想半途而废:

$("#nouislider").noUiSlider({
    start: 500,
    snap: true,
    range: {
        'min': 500,
        '50%': 1000, // Note the percentage indicated here.
        'max': 10000
    }
});