是否可以为jQuery UI滑块定义自定义间隔号？

Question

根据我所看到的网站和所有演示，滑块的值必须始终可以整除。因此，例如，如果我将min和max选项设置为10和100，则滑块将增加10，如10,20,30等。

我需要定义一些预先选定的数字，这些数字不能被整除，如：

20,60,100,150,300

有没有办法用现有的滑块执行此操作而无需创建全新的插件？

$('.slider').slider({
    animate: true,
    value: 20,
    range: 'min',
    min: 10,
    max: 100,
    step: 10,
    slide: function(event, ui) {
        $('span#amount').text(ui.value);
    },
    change: function(event, ui) {
        $('input#range').val(ui.value);
    }
});

Answer 1

试试这个，

var amounts = [20, 60, 100, 150, 300];
$(".slider").slider({
  animate: true,
  value: 20,
  range: 'min',
  min: 0,
  max: sizes.length - 1,
  step: 1,
  slide: function(event, ui) {
    $('span#amount').text(amounts[ui.value]);
  }
});