web-dev-qa-db-ja.com

Bootstrapスライダーの値を動的に設定しますか？

以下のようにスライダーを作成しましたが、

<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');

しかし、これは機能していません。どうすればできますか？

javascriptjquerytwitter-bootstrapslider
12
Nidhish

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

初期値で更新$("#brightness").slider('refresh');

7
user3831200

次のスクリプトを試してください。

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

以下は、sliders値を動的に使用して実行できるいくつかのことです。 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);
});
3
amstegraf