3

FilamentグループのjQuery UIスライダを使用して、SELECT要素をスライダに変換します。それはうまく動作します。今私は、JavaScriptを使用して、スライダーハンドラーをスライダースケール内の特定のポイントにプログラムで移動したいと考えています。jQuery UI Sliderのスライダー・スケール内の特定のポイントにスライダー・ポインターを移動するにはどうすればいいですか?

例:私はボタンをクリックすると、それはJavaScript関数を呼び出しますし、その内側に、私は規模の特定チック/スライダーポイントにスライダポインタを移動するコードの断片を書きたいです。

私はここに私のサンプルアプリケーションを持っている:あなたはそう、そのための "オプション" 機能を使用することができます

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


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

} 

http://jsfiddle.net/DrR7s/15/

答えて

1

私も少しのためにこれと格闘。基本的には、selectの値を設定し、selectのchangeイベントをトリガーするだけです。これはトリックを行う必要があります。

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

jsfiddleをfix:http://jsfiddle.net/DrR7s/44/に更新しました。

4

を:

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

私はthat.but運を試していません!あなたは() '(質問であることを言及している必要があります)' selectToUISliderを使用して、これを元の '#のspeed'要素を言っているので、http://jsfiddle.net/DrR7s/16/ – Shyju

+0

@Shyjuそれはあなたのために働いていませんその価値を変えることは何もしません。 – NickAldwin

+0

@Shyjuこのコメントは、あなたが ''次の()を使用する必要があることを示唆している:http://www.filamentgroup.com/lab/update_jquery_ui_16_slider_from_a_select_element/#commentNumber24 – NickAldwin

0

をそして、あなたはあなたの中にjsのエラーを持っています例。

「キャッチされないにReferenceError:移動が定義されていない」ちょうどHTML本体にあなたの移動機能を入れ

を。

関連する問題