JQuery:可能有 3 个输入的 slider ？

Question

我想创建一个带有 3 个输入的 slider 。我做了很多研究，但找不到比带有 2 个输入的 slider 更多的东西:/

这是代码:http://jqueryui.com/slider/#range

如何创建 3 输入 slider ？我想要一个随 3 个输入移动的 slider 。例如，如果输入 1 为 0，输入 2 为 50，输入 3 为 100，最大值为 100。如果我将输入 2 设置为 25，则输入 2-输入 1 将变低，输入 3-输入 2 将变高.

Answer 1

据我了解，如果我没记错的话，您正在寻找 slider 上的 3 个拖动 handle ，您可以像下面那样做

$("#slider").slider({
  min: 0,
  max: 100000,
  values: [0, 50000, 100000],
});

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" rel="stylesheet" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div id="slider"></div>