JelleP JelleP - 1 year ago 125
Javascript Question

Jquery UI slider disable part

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
});

Answer Source

try this

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