Question

我想在jQuery中创建一个包含4个步骤的范围滑块。请参阅附图 enter image description here

问题是我不知道从哪里开始。我发现this reference，我想知道你是否能指出我正确的方向。任何提示或参考都表示赞赏。

谢谢！

Answer 1

这样的事可能会对你有所帮助

这些是<input type="range" />的vanilla JS实现，可以设置为滑块

祝你好运

Answer 2

使用jQuery UI，您只需为每个区域设置step递增，让我们举个例子：

$( "#slider" ).slider({
    min: 0,
    max: 3,
    step: 1 // so we'll move from 0 - 1 - 2 - 3 (4 locations)
});

执行此逻辑，您将能够移动到4个不同的位置。在这种情况下，每次增量为1。