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>'); 

儘管你需要獲得百分比。