jquery - 是否可以为 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]);
  }
});