javascript - jQuery UI Sliderでスライダースケールの特定のポイントにスライダーポインターを移動する方法は?

Question

SELECT 要素をスライダーに変換する Filament グループの jQuery UI スライダーを使用しています。それは正常に動作します。ここで、JavaScript を使用して、スライダーハンドラーをスライダースケールの特定のポイントにプログラムで移動したいと考えています。

例: ボタンをクリックすると、JavaScript 関数が呼び出され、その中にスライダーポインターをスケール内の特定の目盛り/スライダーポイントに移動するコードを記述します。

ここにサンプルアプリケーションがあります：

$(function(){
$('#speed').selectToUISlider();
//fix color
//fixToolTipColor();
}); 


function Move()
{
  // How do i move to "Slow" point ?

}

score 4 · Accepted Answer

そのために「オプション」機能を使用できます。

$('#someSliderElement').slider('option', 'value', 25); // Replace 25 with a value between 0-100

score 1 · Accepted Answer

私もこれで少し苦労しました。基本的に、選択の値を設定してから、選択の変更イベントをトリガーするだけです。これでうまくいくはずです。

$('#speed').val('Fast');
$('#speed').trigger('change');

jsfiddle を修正して更新しました: http://jsfiddle.net/DrR7s/44/。

score 0 · Accepted Answer

そして、あなたの例にはjsエラーがあります。

「Uncaught ReferenceError: Move が定義されていません」

Move 関数を html body に配置するだけです。

3 に答える 3