Jquery UI slider disable part

2019-02-20 10:15发布

问题:

I need an Jquery UI slider that has an range from 0 till 100 and where the handle is max 75. So the part 75 till 100 is visible in the slider but the handle goes max to 75.

is that possible with Jquery Ui slider?

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

回答1:

try this

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