Question

Is there a way to limit the slider options in jQuery UI slider?

I have a slider that is broken up into 5 parts.

However, I only want options 2,3, and 4 available. I don’t want the handle to go to 1 or 5.

how do you restrict this?

Thanks!

Answer 1

You can listen to the slide event and test for it’s position.

When it’s at 1 or 5, you can return false and cancel the event.

This seems to work

$( ".selector" ).slider({
    min: 1,
    max: 5,
    value: 2,
    slide: function(event, ui) {
       if(ui.value == 1 || ui.value == 5)
           return false;
    }
});

Have a play here.