帮助jquery滑块范围选项

Question

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

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

但是，我只想要选项2,3和4。我不希望句柄转到1或5。

你如何限制这个？

谢谢！

Answer 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。

Answer 2

如果要在滑块上保留1和5，则无法直接更改设置。如果你只想要2,3＆amp; 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;
   }
});

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