nouislider自定义步骤与单拖

Question

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

滑块从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

keys选项中的range表示您希望值在该范围内的位置。如果你想中途：

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