jQueryUI范围滑块显示进度

我有一个range: true滑块，并希望显示进度条之间的滑块的两个句柄之间的进度条。有点像这样，http://jsfiddle.net/cG8qB/，除了这将发生在我的滑块的两个手柄之间，而不是像那个例子中的整个滑块，我只需要颜色更新而不是滑块手柄。jQueryUI范围滑块显示进度

所以基本上，我想要改变两个滑动手柄之间的部件颜色，类似于range: min滑块的行为，其中“min”是我的滑块的左侧手柄以及此range: min滑块的手柄被隐藏。

2011-10-01 Michael

原来答案是在原来的jsfiddle整个时间

该做的伎俩。

$("#slider").find('.ui-widget-header').css('width', x + '%');

这也适用。

$("#slider div").css('width', x + '%');

2011-10-02 05:30:45 Michael

你可以简单地通过隐藏添加以下CSS规则手柄：

.ui-slider-handle { display: none }

那么你可能要禁用滑块，以防止它被用户改变，即增加disabled: true来启动。

2011-10-01 13:04:30

谢谢，我所要求的，要被叠加，虽然到一个范围滑块，在两个把手之间。 – Michael

你的意思是这样的，http://jsfiddle.net/william/cG8qB/9/？ –

不，想象一下这里的范围滑块，http：//jqueryui.com/demos/slider/#range。现在，我想要显示这里显示的动画，而不是橙色部分，http://jsfiddle.net/william/cG8qB/8/。 – Michael

回答