twitter-bootstrap 动态设置 Bootstrap 滑块的值？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/33474379/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Dynamically set value of Bootstrap slider?
提问by Nidhish
I created a slider as below,
我创建了一个滑块，如下所示，
<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"/>
I need to set value dynamically to this slider. I tried,
我需要为此滑块动态设置值。我试过，
$("#brightness").slider('setValue', 8, true);
$("#brightness").slider('refresh');
But this is not working. How can I do it?
但这行不通。我该怎么做？
回答by user3831200
only $("#brightness").slider('setValue', 8, true);
只要 $("#brightness").slider('setValue', 8, true);
refresh with initial values
$("#brightness").slider('refresh');
用初始值刷新
$("#brightness").slider('refresh');
回答by Viktor Maksimov
Try the following script:
尝试以下脚本：
$(window).load(function() {
$("#brightness").attr('data-slider-value', 8);
$("#brightness").slider('refresh');
});
回答by amstegraf
Here are a couple of things you could do with the sliders value, dynamically: jsfiddle
以下是您可以对滑块值动态执行的一些操作：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);
});
