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

我希望能够通过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>');

你需要获得正确的百分比。