是否有一个javascript（jquery）滑块可以独立于显示值限制值？

Question

我希望有一个0-100的滑块，但只能从0-75（例如）中选择

示例外观将是这样的，滑块被限制进入彩色区域

显然，我希望能够设置滑块的最大值，最小值，极限值和值......

据我所知，jquery UI Slider不允许开箱即用。我希望有可能扩展基本行为，但我需要一个非常明确的手握这个工作！

Answer 1

您可以使用滑块插件的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;
       }
   }
});

对于滑块的背景颜色，您可以通过css轻松实现。