seiyria / bootstrap-slider getValue()无效

时间:2016-08-08 09:31:25

标签: slider range getvalue bootstrap-slider

我已经查看了关于这个主题的所有答案,但由于某种原因,我无法让它发挥作用。 我已经设置了一个带有以下标记的滑块:

hashtags= sapply(message, hashtag_extrac)

我首先想要的是console.log的数值。我尝试使用<input data-slider-id="Xslide" type="text" data-provide="slider" data-slider-min="0" data-slider-max="10" data-slider-step=".5" data-slider-value="0" data-slider-tooltip="show" data-slider-orientation="vertical" data-slider-reversed="true"></input> typenumber,但这不起作用。我按照GitHub上的例子尝试了:

text

但是产生了错误var mySlider = $("Xslide").slider(); var value = mySlider.slider('getValue'); console.log(value);

我尝试编写$(...).getValue is not a function,但这会产生错误$('#Xslide').data('slider').getValue()

我尝试了像

这样的示例页面上提供的解决方案
$(...).data(...) is undefined

但是根本没有在控制台中显示任何内容..

我已经包含了以下js和css文件:

$('#Xslide').slider({
    formatter: function(value) {
        console.log('Current value: ' + value);
    }
});

不确定为什么它不起作用......也许它是关于输入元素<script src="js/bootstrap-slider.min.js"></script> <link href="stylesheets/bootstrap-slider.min.css" rel="stylesheet"> id的东西,但是任何帮助都会受到赞赏。

1 个答案:

答案 0 :(得分:1)

到目前为止,我已经使用以下方法解决了这个问题:

var Xslide = new Slider('#Xslide'); 

Xslide.on('slideStop', function (value) { document.getElementById('xval').innerHTML = value; 
})

谢谢!