Исправление плагина jquery.jslider.js

Использую в одном из проектов замечательный плагин для ввода диапазона значений, который, к сожалению, не поддерживается больше разработчиком. Он содержит некоторые проблемы, в частности, ошибку перерисовки меток при программной установке значений.

Баг проявляется следующим образом: если установить значения диапазона, при которых плагин рисует метки «раздельно», но при этом ранее был установлен диапазон, когда они были отображены «слитно», то вторая метка, отвечающая за правую границу диапазона — не отображается.

Проблема в том, что при расчетах первой метки, позиция и размеры второй метки ещё не рассчитаны. Потому программа не правильно принимает решение её скрыть на основе старых данных.

Плагин предоставляет две функции для программной установки значений диапазона —

и

В обоих случаях в коде нужно повторить расчеты для первого указателя, после вычислений для второго.

Так как форкать проект из-за одного небольшого исправления лениво, выкладываю исправленный файл здесь. Если исправлений будет больше, то возможно, сделаю отдельную вилку от проекта на github.

Мало букафф? Читайте есчо !

Вывод в swiper.js слайдере кастомных булетов

Ноябрь 22, 2019 г.

Специально для Артура, задающего вопрос в статье про swiper, привожу пример как вывести в swiper.js вместо штатных булетов навигации некие кастомные текстовые метки. Swiper.js позволяет глубоко кастомизировать все свои элементы. Достаточно обратиться ...

Читать

Инициировать скачивание файла без обращения к серверу, используя js

Июль 31, 2023 г.

Если файл генерируется на фронт-енд, то как инициировать скачивание файла в js? Давайте посмотрим. Скачивание инициируется после нажатия пользователем на ссылку в браузере. Потому мы создадим элемент ANCHOR и выполним клик по нему. Так как ...

Читать

Генетический алгоритм - пример применения методики

Декабрь 10, 2016 г.

Чтобы убедить вас, что метод генетических алгоритмов - это очень простая штука, был создан данный пример. Мы найдем с помощью генетического алгоритма, что кратчайший путь между двумя точками - это прямая. Постановка задачи: Заданы две точки на плоскости ...

Читать

Анимация ожидания загрузки/обновления, используя CSS3

Октябрь 26, 2015 г.

Одна из типичных задач для улучшения пользовательского интерфейса на сайтах - это визуализация ожидания загрузки/обновления страницы. Наиболее частый случай ...

Читать
 

Комментарии к «Исправление плагина jquery.jslider.js»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: