2015-11-02 24 views
9

stworzyłem suwak jak poniżej,Dynamicznie ustawiona wartość suwaka Bootstrap?

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

muszę ustawić wartość dynamicznie do tego suwaka. Próbowałem,

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

Ale to nie działa. Jak mogę to zrobić?

+1

Nie jestem pewien, ale myślę, że '$ (" # brightness "). Val (8);" ustawiłoby go na 8? – Anders

+0

Próbowałem, ale nie działa. – Nidhish

Odpowiedz

4

Wypróbuj poniższy skrypt:

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

Błąd: nie można wywołać metod na suwaku przed inicjalizacją; próbowałem wywołać metodę "odśwież" ... Otrzymuję ten błąd ... – Nidhish

+0

@Nidhish Musisz upewnić się, że kod działa po zainicjowaniu Bootrstrap. (Nie jestem pewien, jak to zrobić w praktyce.) Możesz spróbować uruchomić go po kliknięciu lub po prostu sprawdzić, czy to działa. – Anders

+2

Początkowo załadowałem bootstrap-slider.js. I wypróbował powyższy kod w zdarzeniu kliknięcia przycisku. Następnie pojawia się błąd "Błąd: nie można wywołać metod na suwaku przed inicjalizacją, próbowano wywołać metodę" value "... – Nidhish

2

Oto kilka rzeczy można zrobić z wartością suwaki, dynamicznie: 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); 
}); 
1

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

odświeżania z wartościami początkowymi $("#brightness").slider('refresh');