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