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

您可以在slider.noUiSlider.set()事件中致电change：

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

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

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

1 个答案: