jQuery

jQuery UI Range Slider & Tooltip - всплывающая подсказка для слайдера

Данная статья является продолжением статьи, в которой я пофиксил, как мне кажется, не логичное поведение ползунков, а именно избавился от их наложения друг на друга. Попрежнему исходный код библиотеки jquery ui не затрагивается - все изменения я вынес в отдельный файл fixslider.js. В этой статье я опишу новые функции добавленные в скрипт fixslider.js, благодаря которым можно получить всплывающие подсказки над ползунками, подключив только лишь этот скрипт. Подключать это скрипт следует после самой библеотеки UI.

jQuery UI Range Slider - фиксим наложение ползунков друг на друга

Не раз пригождался этот плагин при создании расширенного фильтра в каталоге, но, как мне кажется, поведение этого плагина не совсем логично:

Ползунки пересекаются - левый ползунок всегда заезжает под правый. Конечно, это легко объясняется тем, что значения диапазона меняются на расстояние между центров ползунков, а когда центры совмещаются, то и совмещаются сами ползунки, а что если изображения ползунков не одинаковые, например, направленные друг к другу стрелки - результат будет не совсем красивым.