Question

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

我希望保持界面统一（36个月的滑块），但使不可用的术语无法选择（不应该滑动到高于12的值）。因此，滑块应具有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);
    }
});

它不允许滑块超过12。

http://jsfiddle.net/3QVUf/160/

演示

Answer 2

只需将文字从13 - 36更改为略微暗淡的颜色，使其看起来像被禁用，然后使用跳回法屁股建议。

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

Slider快速回退，但报告的值仍然高于12。

现在只需要编号...

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

2 个答案: