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