roundSlider 插件 - 无法获得起始值

Question

我正在做一个项目，我需要用到它 roundSlider plugin。

我正在尝试使用滑块创建时的值更改轨道 (.rs-range-color) 的颜色。

基本上，我想使用它，以便它根据值从绿色变为黄色，变为红色，并附加一个 class (temp-) 到 rs-range-color.

我让它处理更改事件，但我无法弄清楚如何获取起始值。我在我的项目中将其用作 angular 指令。

这是一个简单的例子： http://jsbin.com/zipizofeco/edit?html,css,output

此外，我检查了控制台，我实际上添加了大量 classes，而不仅仅是我需要的那个。

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

根据您的要求，我只是以一种方便的选择方式修改了示例。

只需查看以下演示并更新更多详细信息：

roundSlider 插件 - 无法获得起始值

roundSlider plugin - unable to get starting value

jquery

angularjs

round-slider

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