jquery - jQueryUI 范围滑块显示进度

Question

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

所以基本上，我想将两个滑块句柄之间的部分的颜色更改为类似于range: min滑块的行为，其中“min”是我的滑块的左句柄，并且该滑块的句柄range: min被隐藏。

Answer 1

您可以通过添加以下 css 规则来简单地隐藏句柄：

.ui-slider-handle { display: none }

然后您可能想要禁用滑块以防止它被用户更改，即添加disabled: true到启动。

请参阅此操作：http: //jsfiddle.net/william/cG8qB/8/。

Answer 2

原来答案一直在原来的 jsfiddle 中

这可以解决问题。

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

这也有效。

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