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);
    }
  }
});