javascript - jQuery滑块：显示10的倍数的值？

Question

我正在使用jQuery ui 滑块，设置如下：

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

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

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

谢谢。

Answer 1

听起来您正在寻找 step 选项：

 $("#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]
});