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

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

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

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

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

解决方法

您可以使用滑块插件的滑动事件,该滑块插件在幻灯片中的每次鼠标移动时触发.使用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轻松实现.

原文地址：https://www.jb51.cc/jquery/150238.html