JQuery: возможен ли слайдер с 3 входами?

Я хочу создать слайдер с 3 входами. Я провел много исследований, но не нашел ничего, кроме слайдера с двумя входами: /

Вот код: http://jqueryui.com/slider/#range

Как создать слайдер с тремя входами? Я хочу иметь ползунок, который перемещается с 3 входами. Например, если input1 на 0, input2 на 50 и input3 на 100, а максимальное значение равно 100. Если я поставлю input2 на 25, input2-input1 будет низким, а input3-input2 будет высоким. .

Я не уверен, что вы имеете в виду. Показанный ползунок - это вход диапазона. Вы можете привести пример того, о чем говорите?

— 24.07.2018 01:25

Пытаюсь сделать рисунок: ibb.co/ksxieT

— 24.07.2018 01:38

Вы пытаетесь сказать, что хотите сделать слайдер с 3 ручками?

— 24.07.2018 02:10

выберите правильный ответ, если он сработал для вас

— 27.07.2018 03:23

jquery html forms

24.07.2018 01:23

Как конвертировать HTML в PDF с помощью jsPDF

В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.

Перейти к ответу Данный вопрос помечен как решенный

Ответы 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>

О, спасибо! Просто несколько вопросов: как установить длину между двумя входами? Кроме того, как input1 никогда не может иметь значение выше input 2?

— 24.07.2018 02:25

это отдельный вопрос, но у вас есть несколько событий, которые вы можете использовать, например slide, stop, step и т. д., посмотрите в DOCS @Lazare

— 24.07.2018 02:28

У меня есть другой вопрос по этому поводу, я создаю новую тему, потому что она более конкретная stackoverflow.com/questions/51662561/…

— 03.08.2018 19:02

24.07.2018 02:16