jquery - 有没有办法将 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
});