javascript - 禁用 rangeslider.js 中的某些范围

Question

我正在使用 Rangeslider.js，并且我正在尝试禁用 slider 滑动到 20 以下

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

我正在使用 start 属性来实现该功能，但它不起作用。

这是 fiddle https://jsfiddle.net/moviecrew/awejnkof/16/

Answer 1

如果将 min 属性设置为 20，那么它将创建从 20 开始的范围 slider 值 或者如果您需要值必须从 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);
    }
  }
});