Question

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

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

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

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

1 个答案: