Подскажите пожалуйста, как в jQuery UI Slider получить направление (увеличение или уменьшение) смещения ползунка. В зависимости от направления, например, изменять размер блока.
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('↑');
} else {
$('#result').html('↓');
}
}
});
-
Это действительно то что требуется? Он определяет направление перемещения безотносительно выбранного значения, что мне кажется неверным. Если брать текущее значение слайдера и не химичить с сохранением из 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
-
-