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

回答