如何使用getValue作為bootstrap滑塊？

Question

我正在使用這個http://www.eyecon.ro/bootstrap-slider/作為我正在處理的頁面中的滑塊，我不懂api。 有人可以幫我弄這個嗎 ？

$(..).slider('getValue')

我在代碼中看到這個時返回dom元素

$(..).slider().getValue() 

返回找不到錯誤的方法。 我知道可以用於此的.slide事件，但是如何直接訪問該值？

Answer 1

我這樣用它

<input type="text" id="slider1" class="span2 slider" value="80" data-slider-min="50" data-slider-max="90" data-slider-step="0.1" data-slider-value="83"  data-slider-selection="after" data-slider-tooltip="hide">
 $('.slider').on('slide', function (ev) {
        console.log($('#slider1').val());


    });

所以我用$('#slider1').val()訪問值。 我希望這會有所幫助

Answer 2

滑塊在技術上是文本輸入字段。

所以你可以簡單地使用$("#inputFieldID").val()

在移動滑塊之前，這不會提供任何值。 因此，使用輸入標記的value屬性指定初始值。

Answer 3

你可以從內置函數中使用它

$("#rating").slider({
    change: function( event, ui ) {
        userRating = ui.value;
        // this will give you the real value of the slider after the change.
        alert(userRating); 
    }
});

謝謝你我想我和你們分享這個：D

Answer 4

$('#idSlider').data('slider').getValue();