动态设置Bootstrap滑块的值？

Question

我创建了一个滑块如下,

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

但这不起作用.我该怎么做？

Answer 1

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

刷新初始值 $("#brightness").slider('refresh');

Answer 2

尝试以下脚本：

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