Dynamisch Wert des Bootstrap Sliders setzen?

Question

ich einen Schieberegler wie unten erstellt,

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

Ich brauche Wert zu diesem Regler dynamisch einzustellen. Ich habe versucht,

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

Aber das funktioniert nicht. Wie kann ich es tun?

Answer 1

Versuchen Sie das folgende Skript:

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

Answer 2

Hier sind ein paar Dinge, die Sie mit dem Schieberegler Wert tun könnte, dynamisch: 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

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

Refresh mit den Anfangswerten $("#brightness").slider('refresh');