Bootstrap 如何将getValue用于引导滑块?

bcs8qyzn  于 2023-11-15  发布在  Bootstrap
关注(0)|答案(5)|浏览(142)

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

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

字符串
返回dom元素,而我在代码中看到了这个

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


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

efzxgjgh

efzxgjgh1#

我用这种方式

<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()访问值。

ybzsozfc

ybzsozfc2#

滑块实际上是一个文本输入字段。

因此,您可以简单地使用$("#inputFieldID").val()
在滑块移动之前,这不会提供任何值。因此,使用input标记的 * value * 属性指定初始值。

szqfcxe2

szqfcxe23#

你可以在内置函数中使用它

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

zrfyljdw

zrfyljdw4#

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

字符串

daolsyd0

daolsyd05#

这应该在bootstrap5中工作:

<input type="range" id="slider1" class="form-range" min="1" max="10" step="0.5" value="7" />

<span id="slider1_val"></span>

$("#slider1").on("change", function() {
    $("#slider1_val").text($('#slider1').val());
});

字符串

相关问题