jQuery滑块：显示10倍的倍数？

Question

我正在使用jQuery ui slider,设置如下：

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

它工作得很好，但默认情况下，范围设置为每个自然数 - 所以当滑动时，我得到的值如61-403。

任何人都知道如何设置它以使值以10的倍数增加，比如说？那么价值如60-400？对于价格滑块，这会更好。

感谢。

Answer 1

听起来你正在寻找步骤选项：

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

Answer 2

使用step选项。 http://jqueryui.com/demos/slider/#option-step

Answer 3

使用step属性：

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

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