如何阻止 nouiSlider 滑动到低于某个值？

Question

如何让nouiSlider低于某个值时停止

我想可能是

slider.nouiSlider.on('change', function(){
});

这是我已经完成的。

 var slider = document.getElementById('year-slider');

noUiSlider.create(slider, {
    start: [1],
    step: 1,
    connect: 'lower',
    behaviour: 'snap',
    range: {
        'min':0,
        'max':8
    }
});


var lSlide = document.getElementById('year-slider');
var lChange = document.getElementById('year-slider');

highlightLabel(INDEX);
function addClassFor ( element, className, duration ) {
    element.classList.add(className);
    setTimeout(function(){
        element.classList.remove(className);
    }, duration);
}

slider.noUiSlider.on('change', function(){
    addClassFor(lChange, 'tShow', 450);
});

slider.noUiSlider.on('slide', function(){
    addClassFor(lSlide, 'tShow', 450);
});

不确定该怎么做。

谢谢。

Answer 1

您可以在 change 事件中调用 slider.noUiSlider.set()：

slider.noUiSlider.on('change', function ( values, handle ) {
    if ( values[handle] < 15000 ) {
        softSlider.noUiSlider.set(15000);
    }
});

请参阅文档中的 this example 进行试用。

如何阻止 nouiSlider 滑动到低于某个值？

how to stop nouiSlider from sliding lower than a certain value?

jquery

nouislider