1

Подскажите пожалуйста, как в jQuery UI Slider получить направление (увеличение или уменьшение) смещения ползунка. В зависимости от направления, например, изменять размер блока.

1 ответ 1

1

Используем событие slide (исполняется при каждом перемещении слайдера) и сравниваем предыдущее значение слайдера с текущим. В комментариях есть подробное объяснение. Спасибо @Qwertiy за помощь.

HTML:

<div id="slider"></div>
<p id="result"></p>

JS:

$( "#slider" ).slider({
    slide: function(ev,ui) {
            var prev = $(this).slider('value'),
                curr = ui.value;

            if(prev < curr) {
                $('#result').html('&uarr;');  
            } else {
                $('#result').html('&darr;');  
            }
        }

});

https://jsfiddle.net/ytjbnary/

9
  • Это действительно то что требуется? Он определяет направление перемещения безотносительно выбранного значения, что мне кажется неверным. Если брать текущее значение слайдера и не химичить с сохранением из slide, то будет именно относительно выбранного значения.
    – Qwertiy
    Commented 20 апр. 2015 в 8:54
  • Хм.. Я не прав, текущее значение слайдара содержит как раз предыдущее значение. var prev = $(this).slider('value'), cur = ui.value; - работает так же, как твой вариант, только без лишних сохранений. jsfiddle.net/s36u0kub/2
    – Qwertiy
    Commented 20 апр. 2015 в 9:14
  • Да, видимо, события выстреливаются так: start -> slide (тут мы сравниваем значения) -> stop (тут устанавливается новый value), поэтому можно и так. Commented 20 апр. 2015 в 9:17
  • Отметь как "ответ". Commented 20 апр. 2015 в 9:18
  • Как отметить как ответ?
    – Qwertiy
    Commented 20 апр. 2015 в 10:33

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.