最小値または最大値を設定した後、jQuery UIスライダーを更新するにはどうすればよいですか？

StackOverflow https://stackoverflow.com/questions/6333152

質問

ui.sliderがあり、実行時に最小値と最大値を変更します。ただし、これらの変更は、後で値を設定したときにのみビューに反映されます（これにより、不要なイベントが発生します）。私の意見では、最小値と最大値も設定した後、ビューを更新する必要があります。簡単な回避策はありますか、スライダーに更新メソッドがないようです。 ジェネラコディセタグプレ

編集この問題はjQueryUI1.9で修正されました

役に立ちましたか？

解決

これがjQueryUIスライダーのバグかどうかはわかりませんが、とにかく、現在の値を変更して（技術的には、現在の値を現在の値に設定して...）、ビューを強制することができます。更新されます。ドキュメントに続いて、これは次のようなことを意味します： ジェネラコディセタグプレ

他のヒント

ハンドルの再配置の問題が発生しました...この関数を呼び出すだけです。 ジェネラコディセタグプレ

スライダーの最小値を次のように設定します：

$slide.slider("option", "min", 25);は私には機能しません。

代わりに使用しました：$slide.slider("values", "0", 25);とすべてが正常に機能しています。

スライダーの最大値を設定するには、$slide.slider("values", "1", 75);を使用します

値の設定の詳細については、APIドキュメントを参照してください- http：//api.jqueryui.com / slideer /＃option-values

これを試してください。 

valPercent = (current_slide_value - min_value) / (max_value - min_value) * 100;     
parentElem.find('.ui-slider-range').css('width', valPercent+'%');    
parentElem.find('.ui-slider-handle').css('left', valPercent+'%');

バージョンの問題である可能性がありますが、オプション「最小/最大」で試したものは何も機能しませんでした。これは問題なく、JQuery UI1.10でテストされています。このようにして、スライダーまたは数字のいずれかを使用して、もう一方を変更できます。 ジェネラコディセタグプレ

jquery関数のhtmldivを次のように更新できます ジェネラコディセタグプレ

次に、スライダーに新しい値を設定します

これを試してください： ジェネラコディセタグプレ

スライダーオブジェクトへの参照を保持する必要があります ジェネラコディセタグプレ

これはすべてドキュメント にリストされています。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top