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