Jquery UI slider ，中间为 0，背景从那里开始

Question

我想要一个范围从 -5 到 5 且中间为 0 的 slider 。背景颜色将从0开始变化

到目前为止，我只能使用 2 个 slider 来完成此操作: http://jsfiddle.net/ur4SH/

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

但它不是很优雅，而且有一些我不喜欢的东西:

1. 使用 2 个 slider 而不是 1 个
2. 我有两个处理程序，但我只想要一个
3. slider 3 之间的拖动不起作用。

您有什么想法可以改进这一点，或者是否存在仅使用一个 slider 的解决方案？

Answer 1

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

我向 CSS 添加了一个新类:

.color {
    background-color: green;   
}

和一些 JS，第 15 行:

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