Tự động đặt giá trị của thanh trượt Bootstrap?

Question

tôi đã tạo một thanh trượt như dưới đây,

<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"/> 

tôi cần phải thiết lập giá trị động để thanh trượt này. Tôi đã thử,

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

Nhưng điều này không hoạt động. Tôi làm nó như thế nào?

Answer 1

Hãy thử kịch bản sau đây:

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

Answer 2

Dưới đây là một vài điều bạn có thể làm với giá trị thanh trượt, tự động: 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); 
}); 

Answer 3

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

làm mới với giá trị ban đầu $("#brightness").slider('refresh');