Как сделать плавным перемещение ползунки слайдера в Jquery UI при изменении min max?
Нашел баг в jQuery UI Slider Widget, вызываю слайдер следующим образом:
$(that.slider).slider({ range: "min", value: that.mid, step: that.step, min: that.min, max: that.max, animate: 300 }); |
$(that.slider).slider({ range: "min", value: that.mid, step: that.step, min: that.min, max: that.max, animate: 300 });
когда ставлю слайдер значение например
$(that.slider).slider("value", that.value);
Ползунок перемещается плавно, но когда меняю диапазон слайдера через изменение опций
$(that.slider).slider("option", "min", min); $(that.slider).slider("option", "max", max); |
$(that.slider).slider("option", "min", min); $(that.slider).slider("option", "max", max);
Ползунок прыгает без анимации, как это можно исправить?
В примере ниже если нажать кнопку Установить value - слайдер плавно переместится.
Если нажать Изменить min = 3 max = 100 слайдер прыгнет резко в нужное значение
snippet
Дополнительно:
Нашел багв jQuery UI Slider Widget
Срочно в 2012 - писать баг-репорт!
Ну а если серьёзно, то, скорее всего, такая функциональность просто не закладывалась авторами, это не баг.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для того, чтобы сделать плавное перемещение ползунка слайдера в jQuery UI при изменении min и max значений, необходимо использовать опцию `step` в методе `slider()`. Эта опция позволяет задать шаг, на который будет изменяться значение ползунка при перемещении.
Пример кода на jQuery:
$("#slider").slider({ min: 0, max: 100, step: 1, // шаг изменения значения ползунка slide: function(event, ui) { $("#amount").val(ui.value); // выводим текущее значение в текстовое поле } });
В данном примере у нас есть слайдер с минимальным значением 0 и максимальным значением 100. Шаг изменения значения ползунка задан как 1, что означает, что значение будет изменяться на 1 при каждом перемещении.
Таким образом, при изменении min и max значений в слайдере, ползунок будет плавно перемещаться с учетом заданного шага. Необходимо только учитывать, что значение шага должно быть соответствовать вашим требованиям и дизайну слайдера.
Надеюсь, этот ответ поможет вам решить вашу проблему с плавным перемещением ползунка слайдера в jQuery UI. Если у вас возникнут дополнительные вопросы, не стесняйтесь задавать их.