Jquery UI滑块禁用部分

时间:2014-05-06 12:15:34

标签: jquery jquery-ui jquery-ui-slider

我需要一个Jquery UI滑块,其范围从0到100,其中手柄最大为75.因此滑块中可以看到75到100的部分,但手柄最大为75.

可以使用Jquery Ui滑块吗?

 $( "#slider-vertical" ).slider({
    orientation: "vertical",
    range: true,
    values: [ 1, 75 ],
    range: "max",
    min: 1,
    max: 100        
});

1 个答案:

答案 0 :(得分:5)

试试这个

$('#slider-vertical').slider({
    values: [1, 100],
    range: true,
    slide: function(event, ui) {
        if(ui.value > 75 && ui.value <= 100){
            return false;
        }
    }
});