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

在移动滑块之前，这不会提供任何值。因此，请使用输入标记的 值 属性指定初始值。

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();