Question

I’m using the jQuery ui slider, set up as follows:

 $("#unicornSlider").slider({
    range: true,
    min: 0,
    max: 500,
    values: [0, 500]
  });

It works pretty well, but the range is set by default to every natural number – so when sliding I get values such as 61-403.

Anyone know how to set it so the values increase in multiples of 10, say? So values such as 60-400? This would work a lot better for a price slider.

Thanks.

Answer 1

use the step property:

http://jqueryui.com/demos/slider/#option-step

$("#unicornSlider").slider({
  range: true,
  min: 0,
  max: 500,
  step: 10,
  values: [0, 500]
});