我希望有一个0-100的滑块,但只能从0-75(例如)中选择
示例外观将是这样的,滑块被限制进入彩色区域
显然,我希望能够设置滑块的最大值,最小值,极限值和值......
据我所知,jquery UI Slider不允许开箱即用。我希望有可能扩展基本行为,但我需要一个非常明确的手握这个工作!
答案 0 :(得分:9)
您可以使用滑块插件的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轻松实现。