CODEWITHSUNDEEP
jqueryjquery-uijquery-ui-slider
JelleP
JelleP

Reputation: 1004

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

Upvotes: 1

Views: 2718

Answers (1)

Ganesh
Ganesh

Reputation: 266

try this

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

Upvotes: 6

Related Questions