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; 
}) 

Спасибо!