#javascript #jquery #tags #nouislider
#javascript #jquery #Теги #nouislider
Вопрос:
Снова обновлено : стиль css изменен и не работает должным образом при изменении направления на rtl
, div.noUi-origin
стиль превращается в right
, но работает некорректно.
Обновление 1: после добавления 'direction' :'rtl'
опции в конфигурацию слайдера. У меня две ручки, склеенные вместе, выглядят как одна ручка, но работают как две ручки, а значение справа больше, чем значение слева.
Понятия не имею, как разделить их на две части. ( direction
Опция только для одного дескриптора ?? )
Кроме того, пытаясь выяснить, как этот фильтр получает диапазон значений, поскольку значения передаются в функцию обновления таблицы, также не работает.
два дескриптора слиплись в один.
Я работаю над функцией ползунка диапазона с двумя ручками с nouiSilder.
Я пытался поменять местами минимальное и максимальное значения на двух концах silder (min на правом конце и max на левом конце.), Но потерпел неудачу.
Я заметил, что для слайдера с двумя дескрипторами результат slider.noUiSlider.get()
является [value[0], value[2]]
.
Все события предоставляют этот массив в качестве параметра, а также индекс дескриптора. но даже я поменял value[0] = max, value[2] = min,
местами два дескриптора, соединенных вместе (как один дескриптор), также не могу сделать его реальным «обратным ползунком диапазона». Nouislider по-прежнему выбирает большое значение как максимальное, а маленькое как минимальное, мы не можем его взломать? Или функция поддержки вычисления расстояния до границы не позволяет нам менять значение дескриптора?
Итак, мой вопрос в том, поддерживает ли nouislider функцию, которая меняет местами два значения дескриптора, которые создают максимальное значение слева и минимальное значение справа?
Я выполнил некоторый поиск, но обратный дескриптор выглядит так, как будто работает только для одного дескриптора (опция direction
). Так что я просто думаю о возможности сделать то же самое с двумя дескрипторами?
Спасибо.
Ответ №1:
direction
Опция (docs) действительно работает для ползунков с более чем одним дескриптором, но это влияет только на визуальное представление ползунка, а не на порядок значений, возвращаемых get
методом или аргументами событий ползунка.
Пока вы используете индекс дескриптора, который также является частью параметров для обратных вызовов событий sliders, порядок значений не должен иметь значения:
slider.noUiSlider.on('update', function(values, handle) {
console.log(values[handle]);
});
Чтобы ответить на главный вопрос:
поддерживает ли nouislider функцию, которая меняет местами два значения дескриптора, которые создают максимальное значение слева и минимальное значение справа?
Да, используя direction
опцию.
Комментарии:
1. Я также добавил обновления после тестирования на локальном компьютере с вашими предложениями и опубликовал скриншот здесь.
2. Также я заметил, что даже у слайдера min справа и max слева, nouislider
.noUi-handle-lower
все еще переключается с минимальным значением и.noUi-handle-upper
с максимальным значением «. Я использую nouislider v9.2.63. Заметил несколько вещей, связанных с css. Поскольку я добавил direction = rtl, поэтому настройка стиля с классом ‘noUi-origin’ меняется с ‘left’ на ‘right’, что имеет смысл. Но, похоже, это не работает. Если я изменю их обратно на ‘left’ и установлю минимальный стиль дескриптора (должен быть с правой стороны) на ‘style=»left: 100%»‘ и установлю максимальный стиль дескриптора (должен быть с левой стороны) на ‘style=»left: 0%»‘ — Работает. Очевидно, что это написано в библиотеке nouislider. Хммм, почему правильный стиль не работает? (Я разместил там рисунок.)
4. Вероятно, вы захотите обновить до последней версии.
5. Черт возьми, обновление до новой версии работает (после нескольких небольших изменений в css). Спасибо Lg102. Это потрясающий инструмент.