javascript - 是否有一个 javascript (jquery) slider 可以独立于显示值来限制值？

Question

我希望有一个 0-100 的 slider ，但只能从 0-75 中选择(例如)

一个例子看起来像这样， slider 被限制进入彩色区域

很明显，我希望能够设置 slider 的最大值、最小值、限制和值...

据我所知，jquery UI Slider 不允许开箱即用。我希望有可能扩展基本行为，但我需要非常清晰的指导才能使它起作用!

Answer 1

您可以使用 slider 插件的 slide 事件，该事件在滑动期间每次鼠标移动时触发。使用 ui.value 获取当前句柄的值并检查最大限制并返回 false。从此回调返回 false 可防止滑动。

$(".selector").slider({
   slide: function(event, ui) { 
       if(ui.value > 75){//Note the value of ui.value is between 0 to 99
          return false;
       }
   }
});

slider 的背景色可以通过css轻松实现。