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

前端之家收集整理的这篇文章主要介绍了是否有一个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轻松实现.

猜你在找的jQuery相关文章