如何使用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();