0

我已经浏览了有关该主题的所有答案，但由于某种原因，我无法使其正常工作。我设置了一个带有以下标记的滑块：

<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 它的数值。我试过玩typeto numberortext但没用。我按照 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，但任何帮助将不胜感激。

4

1 回答 1

1

无论如何，到目前为止，我已经使用以下方法解决了它：

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

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

谢谢！

于 2016-08-09T15:59:52.813 回答