禁用 rangeslider.js 中的特定范围

Question

我正在使用 rangeslider.js 并且我正在尝试禁用滑块以低于 20

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

我正在使用 start 属性来实现它，但它不能那样工作。

这里是fiddlehttps://jsfiddle.net/moviecrew/awejnkof/16/

Answer 1

如果您将最小属性设置为 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);
    }
  }
});

禁用 rangeslider.js 中的特定范围

Disable certain range in rangeslider.js

javascript

jquery

rangeslider