seiyria/bootstrap-slider getValue() 不工作

Question

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

<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>

我首先要的是console.log它的数值。我试过使用 type 到 number 或 text 但这没有用。我按照 GitHub:

上的示例进行了尝试

var mySlider = $("Xslide").slider();
var value = mySlider.slider('getValue');
console.log(value);

但这产生了错误 $(...).getValue is not a function

我尝试编写 $('#Xslide').data('slider').getValue()，但产生了错误 $(...).data(...) is undefined。

我尝试了示例页面上提供的解决方案，例如

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

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

我添加了以下 js 和 css 文件：

<script src="js/bootstrap-slider.min.js"></script>
<link href="stylesheets/bootstrap-slider.min.css" rel="stylesheet">

不确定为什么它不起作用...也许是关于输入元素 id 或 type 的问题，但我们将不胜感激。

Answer 1

无论如何，到目前为止我已经解决了这个问题：

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

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

谢谢！

seiyria/bootstrap-slider getValue() 不工作

seiyria/bootstrap-slider getValue() not working

slider

range

bootstrap-slider

getvalue