禁用rangelider.js中的某些范围

Question

我正在使用rangeslider.js，并且试图禁止滑块滑动到20以下

<input type="range" class="range-slider" value="30" min="0" max="100" from="0" step="1">

我正在使用start属性来实现该功能，但这种方式无法正常工作。

这是小提琴https://jsfiddle.net/moviecrew/awejnkof/16/

Answer 1

如果将min属性设置为20，则它将创建从20开始的范围滑块值 或者，如果您需要的值必须从0到100且不超过20，则可以尝试以下解决方案

$('input[type="range"]').rangeslider({
  polyfill: false,
  onSlide: function(position, value) {
    if(value < 20){
    $('input[type="range"]').val(20);
    $('input[type="range"]').rangeslider('update', true);
    }
  }
});