2

我正在使用这个http://www.eyecon.ro/bootstrap-slider/作为我正在处理的页面中的滑块,我不理解 api。有人可以帮我弄这个吗 ?

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

当我在代码中看到这个时返回 dom 元素

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

它返回一个方法未找到错误。我知道可用于此的 .slide 事件,但是如何直接访问该值?

4

4 回答 4

12

我用这种方式

<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(). 我希望这会有所帮助

于 2013-07-26T11:24:33.783 回答
3

滑块在技术上是一个文本输入字段。

所以你可以简单地使用 $("#inputFieldID").val()

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

于 2016-01-28T17:43:21.877 回答
0
$('#idSlider').data('slider').getValue();
于 2017-08-02T14:42:36.330 回答
0

您可以从内置函数中使用它

$("#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

于 2016-06-13T02:15:57.200 回答