0

スライダーがあり、range: trueスライダーの 2 つのハンドルの間の進行状況バーのように進行状況を表示したいと考えています。http://jsfiddle.net/cG8qB/のようなものですが、これは、その例のようにスライダー全体ではなく、スライダーの2つのハンドルの間で発生し、スライダーハンドルの代わりに色の更新のみが必要です.

range: minしたがって、基本的には、2 つのスライダー ハンドルの間の部分の色を、「最小」がスライダーの左ハンドルで、このスライダーのハンドルが非表示になっているスライダーの動作のようなものに変更したいと考えてrange: minいます。

4

2 に答える 2

0

次のcssルールを追加することで、ハンドルを非表示にすることができます。

.ui-slider-handle { display: none }

次に、スライダーを無効にして、ユーザーがスライダーを変更できないようにします。つまりdisabled: true、イニシエーションに追加します。

これを実際に見てください：http：//jsfiddle.net/william/cG8qB/8/。

于 2011-10-01T13:04:30.283 に答える
0

答えはずっと元のjsfiddleにあったことがわかりました

これでうまくいきます。

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

これも機能します。

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

于 2011-10-02T05:30:45.310 に答える