帮助 jquery 滑块范围选项答案

【问题标题】：help with jquery slider range option帮助 jquery 滑块范围选项
【发布时间】：2010-11-08 07:56:23
【问题描述】：

有没有办法限制 jQuery UI 滑块中的滑块选项？

我有一个分成 5 个部分的滑块。

但是，我只希望选项 2、3 和 4 可用。我不希望句柄转到 1 或 5。

你如何限制这个？

谢谢！

【问题讨论】：

标签： javascript jquery jquery-ui slider

【解决方案1】：

您可以收听幻灯片事件并测试它的位置。

当它在 1 或 5 时，您可以return false 并取消活动。

这似乎有效

$( ".selector" ).slider({
    min: 1,
    max: 5,
    value: 2,
    slide: function(event, ui) {
       if(ui.value == 1 || ui.value == 5)
           return false;
    }
});

玩玩here。

【讨论】：

Marko..太棒了！我今天学到了一些东西:) 非常感谢。我喜欢 Stackoverflow :)

【解决方案2】：

如果您想在滑块上保留 1 和 5，则不能直接更改设置来执行此操作。如果你只想要 2,3 & 4 你可以使用：

$( ".selector" ).slider({ min: 2, max: 4 });

如果你想保留 1 和 5，你需要编写一个 onChange 函数。类似于：

$( ".selector" ).slider({
   change: function(event, ui) { 
       this.value == 1? this.value = 2: this.value; //
       this.value == 5? this.value = 4: this.value;
   }
});

不确定这是否是正确的语法，您需要检查一下。

【讨论】：