javascript - 如何用 4 个步骤制作一个范围滑块？

Question

我想在 jQuery 中制作一个有 4 个步骤的范围滑块。见附图在此处输入图像描述

问题是我不知道从哪里开始。我找到了这个参考，我想知道你是否能指出我正确的方向。任何提示或参考表示赞赏。

谢谢！

score 1 · Accepted Answer

这样的事情可能会帮助你

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

祝你好运

score 0 · Accepted Answer

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

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

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

更多信息在这里：http: //jqueryui.com/slider/#steps

2 回答 2