Плагин roundSlider - невозможно получить начальное значение

Question

Я работаю над проектом, где мне нужно использовать этот плагин roundSlider.

И я пытаюсь изменить цвет трека (.rs-range-color) со значением ползунка при его создании.

По сути, я хотел бы использовать его так, чтобы он переходил от зеленого к желтому и красному в зависимости от значения и добавлял класс (temp-) чтобы rs-range-color,

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

Вот быстрый пример: http://jsbin.com/zipizofeco/edit?html,css,output

Кроме того, я проверил консоль и фактически добавляю тонны классов, а не только те, которые мне нужны.

Answer 1

Я действительно сумел решить это сам, вот как, если другие люди заинтересованы: http://jsbin.com/forayowibu/edit?html,output

я создал setColor() функция

function setColor(value){
        var el = $('.rs-range-color');
                    var tempValue = parseInt(value);
                    el.removeClass();
                    el.addClass('rs-path');
                    el.addClass('rs-transition');
                    el.addClass('rs-range-color');
                    el.addClass('speed-' + tempValue);
      }

передавая значение в качестве параметра, а затем вызывая его при изменении события и при создании события.

Answer 2

Основываясь на ваших требованиях, я просто изменил образец удобным способом.

Просто проверьте приведенную ниже демо-версию и обновите подробную информацию:

http://jsbin.com/cimojew/edit?html,css,output