2015-11-02 12 views
9

私は、このスライダに値を動的に設定する必要があり、以下のようにブートストラップスライダの値を動的に設定しますか?

<input id="brightness" onChange="changeBrightness()" data-slider-id='ex1Slider' type="text" 
        data-slider-min="-100" data-slider-max="100" data-slider-step="2" data-slider-value="0"/> 

をスライダを作成しました。私は試しました

$("#brightness").slider('setValue', 8, true); 
$("#brightness").slider('refresh'); 

しかし、これは動作しません。どうしたらいいですか?

+1

わかりませんが、 '$("#brightness ")val(8);'は8に設定されていますか? – Anders

+0

試しましたが、動作しません。 – Nidhish

答えて

4

は、次のスクリプトを試してみてください。ここで

$(window).load(function() { 
    $("#brightness").attr('data-slider-value', 8); 
    $("#brightness").slider('refresh'); 
}); 
+1

エラー:初期化の前にスライダのメソッドを呼び出すことはできません。メソッド 'refresh'を呼び出そうとしました...このエラーが発生しました... – Nidhish

+0

@Nidhish Bootrstrapが初期化された後にコードが実行されるようにする必要があります。 (実際にそれを行う方法はわかりません)。クリックイベントやそれが動作するかどうかを確認するために何かを試してみてください。 – Anders

+2

私は最初にbootstrap-slider.jsをロードしました。上記のコードをボタンクリックイベントで試しました。次にエラーが発生する "エラー:初期化の前にスライダーのメソッドを呼び出すことができません;メソッド '値'を呼び出そうとしました... – Nidhish

2

は動的に、あなたはスライダーの値で行うことができます物事のカップルです:初期値を持つjsfiddle

var slider = new Slider("#budget-slider-1"); 
var slider2 = new Slider("#budget-slider-2"); 

slider.on("change", function(slideEvent) { 
    var currentValueSlider2 = slider2.getValue(); 
    slider2.options.min = 80; 
    slider2.setValue(100); 
}); 
1

のみ$("#brightness").slider('setValue', 8, true);

リフレッシュ $("#brightness").slider('refresh');

関連する問題