Jquery slider : make part of it available?

Question

我有一个jquery slider 用于选择存款期限(在银行)。大多数存款类型的期限范围为 1-36 个月，但其中一种存款期限仅为 1-12 个月。

我想保持界面统一(36 个月 slider )，但使不可用术语不可选择(不应滑动到高于 12 的值)。因此， slider 的 max=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);
    }
});

它不允许 slider 前进到 12 之前。

演示地址:http://jsfiddle.net/3QVUf/160/