jQuery UI的滑块与中间的0和背景从那里

Question

我想和范围滑块从-5到5和0 中间的背景颜色从0

到目前为止，我已经改变一直只能够与2个滑块在这里做到这一点： http://jsfiddle.net/ur4SH/

<div class="sliders"> 
    <div id="sliderLeft" class="slider left"></div> 
    <div id="sliderRight" class="slider right"></div> 
</div> 

但它不是很优雅，它有一些东西我不喜欢：

1. 使用2个滑块代替1
2. 我有两个处理程序，我想只有一个
3. 的阻力并不滑块3

之间的工作你有我如何提高任何想法或如任何解决方案，只使用一个滑块存在？

Answer 1

你的意思是改变背景颜色，像这样jsFiddle？

我添加了一个新的类CSS：

.color { 
    background-color: green; 
} 

，有点JS的，第15行：

$('.ui-slider-range', this).addClass('color');