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

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

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

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

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

и

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

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

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

Асинхронная загрузка и инициализация js скрипта

Май 13, 2022 г.

С тех пор как стало возможным указать загружаемому в HTML документе скрипту флаги-аттрибуты async и defer, стало необходимо понимать то, в какой очередности скрипты будут исполнены, если они зависят друг от друга. Так если ваш скрипт зависит от ...

Читать

Прерывание цикла jQuery функции $.each()

Ноябрь 17, 2018 г.

Часто использую функцию jQuery API each(), но иногда требуется досрочно прервать выполнение этого цикла. Итак, как выйти из $.each()? Обработка происходит внутри функции, и на выходе требуется сигнализировать API что делать дальше. Перебор элементов ...

Читать

Найти элемент по его классу в HTML на чистом js

Май 4, 2020 г.

Немного ванильного js, на этот раз: как найти контейнер по указанному классу. Сразу рассмотрим более сложный пример, когда требуется найти элемент с классом .class-child внутри элемента .class-parent. В DOM мы используем функцию element.getElementsByClassName(CLASSNAME), ...

Читать

Вставка html entites в текстовые ноды

Апрель 5, 2025 г.

Делюсь еще одним лайфхаков, как в плагине CKE5 вставить htmlentity. При вставке текста в модель, CKEditor будет преобразовывать html символы вроде '&' и '>'. Но что делать, если нужно вставить символ в виде html кода? Рассмотрим следующий ...

Читать
 

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

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



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