UI滑块：将可用值高亮显示到范围内

Question

我制作了UI范围滑块，最小值= 100，最大值= 300。真正可用的范围是200-300。我怎样才能改变这个范围的颜色？

$("#slider-range_3").slider({ 
    range: true, 
    min: 100, 
    max: 300, 
    values: [ 200, 300 ], 
    slide: function(event,ui) { 
     if(ui.values[0] < 200){ 
      return false; 
     } 
    } 
}); 

我想要hightlight passible range 200-300。我怎样才能做到这一点？

图片：http://imglink.ru/pictures/01-07-14/dd1f2fb60080ad06388311fae7a7dfc0.jpg

Answer 1

这里是jQuery的网站上的例子

http://jqueryui.com/slider/#range

更新（黑客）：

正如我不知道，如果jQuery的支持了这一点您可以添加自己的div来执行此操作：

$("#slider-range").append('<div class="ui-slider-range ui-widget-header ui-corner-all" style="left: 5%; width: 80%;background:#ff9900;"></div>'); 

尽管你需要获得百分比。