0

我正在做一个需要使用这个roundSlider 插件的项目。

我试图.rs-range-color用创建时滑块的值来改变 track() 的颜色。

基本上，我想使用它，使其根据值从绿色变为黄色，再变为红色，并将类 ( temp-) 附加到rs-range-color.

我让它处理更改事件，但我无法弄清楚如何获得起始值。我在我的项目中使用它作为角度指令。

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

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

4

2 回答 2

0

根据您的要求，我刚刚以方便的挑选方式修改了示例。

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

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

于 2016-10-05T20:37:30.757 回答
0

实际上，我自己设法解决了这个问题，如果其他人感兴趣，这就是：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);
      }

将值作为参数传递，然后在更改事件和创建事件上调用它。

于 2016-01-27T16:14:37.783 回答