在jQuery UI滑块上将背景颜色更改为句柄右侧

时间:2014-06-03 15:12:30

标签: jquery background slider

如何在jQuery UI滑块上更改手柄右侧的背景颜色?它必须适应滑块移动,因此手柄左侧的背景颜色始终为一种颜色,手柄右侧的背景颜色始终为另一种颜色。

1 个答案:

答案 0 :(得分:3)

感谢您的评论!我通过添加(范围:' min',然后将.ui-slider-range中的背景更改为我想要的左侧背景而滑块背景设置右侧的背景来解决它:

$(function() {
$("#slider").slider({
    range: 'min',
    value:100, 
    min:10, 
    max:150, 
    step:10, 

    slide: function( event, ui ) {                  

    }
});
});

.ui-slider-range {
    background: red !important;
}