jquery - Jquery Slider：让它的一部分可用？

Question

我有一个用于选择存款期限（在银行中）的 jquery 滑块。大多数存款类型的期限范围是 1-36 个月，但其中一种 - 只有 1-12 个月。

我想保持界面统一（36 个月滑块），但使不可用的期限不可选择（它应该不可能滑动到高于 12 的值）。因此，滑块的最大值应为 36，但您可以滑动到最大值 = 12。

有没有可能？简单或棘手 - 没关系，但越简单当然越好。

谢谢！

Answer 1

尝试

$( ".selector" ).slider({
    min: 1,
    max: 36,
    value: 12,
    slide: function(event, ui) {
       if(ui.value > 12)
           return false;
       $value.text(ui.value);
    }
});

它不允许滑块超过 12。

演示在http://jsfiddle.net/3QVUf/160/

Answer 2

只需将文本从 13 - 36 更改为稍暗的颜色，使其看起来像已禁用，然后使用 ass 建议的跳转方法。

我确实尝试了 Snap it back 方法。 http://jsfiddle.net/webwarrior/aLJQm/52/

Slider 弹回，但报告的值仍高于 12。

现在只需要做编号位...