有没有办法将 Jquery UI 滑块背景图像设置为仅滑块按钮的左半侧？

Question

简而言之，我希望我的 JQuery UI Slider 看起来像这样：

有没有办法只为滑块的左半部分着色，然后在滑动时调整其颜色？

http://denniswaltermartinez.com/jqueryslider.png

图像（如果网络托管无法正常工作）。

Answer 1

该图像对我来说效果很好。

这是一些用于设置滑块背景样式的 css（仅对左侧进行着色）。

#idOfSlider .ui-slider-range { background: #ef2929; }

调整其颜色：

function refresh()
{
  $('#idOfSlider').find('.ui-slider-range').css('background-color', 'red');
}

$( "#idOfSlider" ).slider({
   range: 'min',
   slide: refresh,
   change: refresh
});