seiyria/bootstrap-slider getValue() 不工作答案

【问题标题】：seiyria/bootstrap-slider getValue() not workingseiyria/bootstrap-slider getValue() 不工作
【发布时间】：2023-03-26 01:23:01
【问题描述】：

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

<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，但我们将不胜感激。

【问题讨论】：

你有 jsfiddle 吗？
嗨，我真的不知道如何添加一个包含 js 和 css 文件的 jsfiddle，因为它们在我的计算机上是本地的......
无论如何，到目前为止我已经解决了它： var Xslide = new Slider('#Xslide'); Xslide.on('slideStop', function (value) { document.getElementById('xval').innerHTML = value; })
发布它作为答案并接受它，然后。

标签： slider range getvalue bootstrap-slider

【解决方案1】：

到目前为止，我已经解决了它：

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

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

谢谢！

【讨论】：