JQuery：一个可以输入3个输入的滑块？ [英] JQuery: a slider with 3 inputs possible?

问题描述

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

I wanna create a slider with 3 inputs. I have made a lot of research but can't find more than a slider with 2 inputs :/

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

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

How can I create a 3 input slider ? I want to have a slider that move with the 3 inputs. For example, if the input1 is at 0, input2 at 50 and input3 at 100 and the max value is 100. If i put the input2 at 25, the input2-input1 is going to get low and input3-input2 is going to get high.

推荐答案

据我所知你在滑块上寻找3个拖动手柄如果我没有错，你可以这样做，如下

What i understand you are looking for 3 drag handles on a slider if i am not wrong you can do that like below

$("#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个输入的滑块？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！