1. ホーム
  2. jquery

[解決済み] jQuery UIスライダー(プログラムによる設定)

2023-07-12 08:35:45

質問

スライダーをオンザフライで変更したい。私はそれを行うために使用しようとしました。

$("#slider").slider("option", "values", [50,80]);

この呼び出しは、値を設定しますが、要素はスライダーの位置を更新しません。 呼び出し

$("#slider").trigger('change');

も役に立ちません。

値およびスライダーの位置を変更する他の/より良い方法はありますか?

どのように解決するのですか?

現在の範囲内のスライダーを変更したいのか、スライダーの範囲を変更したいのかによって異なります。

変更したいのが現在の範囲の値であれば、使用すべきは .slider() メソッドですが、構文はあなたが使用したものとは少し異なります。

$("#slider").slider('value',50);

とか、ハンドルが2つあるスライダーの場合だと

$("#slider").slider('values',0,50); // sets first handle (index 0) to 50
$("#slider").slider('values',1,80); // sets second handle (index 1) to 80

変更したい範囲であれば、そうなります。

$("#slider").slider('option',{min: 0, max: 500});