Как реализовать меняющиеся чекпоинты на элементе RANGE JQuery UI?

Question

[Nikita]

Необходимо сделать слайдер, взял за основу JQuery UI, всё отлично кроме чекпоинтов в виде круглых точек, они должны менять цвет в зависимости от того попадают они в диапазон между указанными значениями или нет, задачу решаю с удалением класса с точки которая не попадает в диапазон. JS изучаю недавно и ничего кроме адской схемы из switch или очень многоуровневого if else придумать ничего не могу, хотя понимаю что можно сделать всё гораздо проще. Гуру JS помогите пожалуйста.

Answer 1

[Роман Мисюра]

Не сочтите за рекламу, just-direct.ru - тут делал калькулятор делал. Допустим до 500 - шаг значений по 10, после по 100. Думаю вам поможет.
just-direct.ru/js/custom.js (Использовал jQuery UI), не претендую на гениальность решения, но через if else реализовать можно.

Comments

[Nikita]

Не совсем. У меня есть 5 точек, они визуально вставлены в сам слайдер. На них навешан класс in_range который необходимо снять если точка не попадает в диапазон значений который выбрал пользователь. То бишь если точка находиться на отметке 2000 а бегунки указывают диапазон от 200 до 600, то с неё должен быть снять класс in_range и возвращён назад если бегунок поставили на отметку 2000