jQuery UI 滑块自定义步骤答案

【问题标题】：jQuery UI Slider Custom StepjQuery UI 滑块自定义步骤
【发布时间】：2013-01-07 13:24:39
【问题描述】：

我有一个滑块，范围为 1007-13138，步长为 75。但我需要添加 2 个超出 75 范围的自定义步长，例如。 2013 和 8759。这两个值指定了滑块的起点和终点，所以我希望能够在滑动时选择它们。任何建议或帮助将不胜感激 - 这是我第一次使用滑块，不太确定它的功能，谢谢。

HTML

<div id="slider" data-start="2013" data-end="8759"></div>
<div id="slider-result"></div>

jQuery

$('#slider').slider({
    value: $('#slider').data('end'),
    min: Math.round($('#slider').data('start') / 2),
    max: Math.round($('#slider').data('end') * 1.5),
    step: 75,
    slide: function (event, ui) {
        $('#slider-result').html(ui.value);
    }
});
$('#slider-result').html($('#slider').slider('option', 'value'));

jsFiddle

【问题讨论】：

我认为没有办法做到这一点（不修改来源）

标签： jquery jquery-ui jquery-ui-slider

【解决方案1】：

您可以将 step 保持在 1，并在 change -event 中，如果所选值不是 75 的倍数（值 % 75 != 0），则将提醒添加（或减去..）该值以获得75的倍数，并将其设置为值。

然后为这两个不是 75 倍数的特定值添加例外。

并且您可能需要某种按钮（在滑块的任一端）将滑块设置为您的两个魔术值。

你没有详细说明你为什么想要这个功能，所以很难说什么是最好的可用性。

【讨论】：