Question

我正在开展一个项目，我需要使用这个roundSlider plugin。

我正在尝试使用创建时滑块的值来更改轨道的颜色（.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);
      }

将值作为参数传递，然后在change事件和create事件上调用它。

Answer 2

根据您的要求，我只是以方便的方式修改了样品。

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

roundSlider插件 - 无法获得起始值

2 个答案:

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