Imposta dinamicamente il valore del cursore Bootstrap?

Question

Ho creato un cursore come sotto,

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

ho bisogno di impostare il valore in modo dinamico a questo dispositivo di scorrimento. Ho provato,

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

Ma questo non funziona. Come posso farlo?

Answer 1

provare il seguente script:

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

Answer 2

Qui ci sono un paio di cose che si potrebbe fare con il valore cursori, in modo dinamico: 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

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

di aggiornamento con i valori iniziali $("#brightness").slider('refresh');