JQuery：可能有 3 个输入的滑块？

【问题标题】：JQuery: a slider with 3 inputs possible?JQuery：可能有 3 个输入的滑块？
【发布时间】：2018-07-23 23:23:47
【问题描述】：

我想创建一个带有 3 个输入的滑块。我做了很多研究，但找不到超过 2 个输入的滑块：/

如何创建一个 3 输入滑块？我想要一个随 3 个输入一起移动的滑块。例如，如果 input1 为 0，input2 为 50，input3 为 100，最大值为 100。如果我将 input2 设置为 25，则 input2-input1 将变低，而 input3-input2 将变高.

【问题讨论】：

我不确定你的意思。您显示的滑块是范围输入。你能举个例子说明你在说什么吗？
我试着画图：ibb.co/ksxieT
你是想说你想制作一个有 3 个手柄的拖动滑块吗？
如果对您有用，请选择正确的答案

标签： jquery html forms

【解决方案1】：

我知道您正在寻找滑块上的 3 个拖动手柄，如果我没记错的话，您可以像下面那样做

$("#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>

【讨论】：

哦，谢谢！只是一些问题：我如何在 2 个输入之间获得 lentgh ？另外， input1 怎么可能永远不会有高于 input2 的值？
这是一个单独的问题，但您有几个可以使用的事件，例如slide、stop、step 等，请查看DOCS@Lazare
我对此还有其他问题，我创建了一个新主题，因为它更具体stackoverflow.com/questions/51662561/…