Как захватить значение onChange в плагине Bootstrap-Slider

Question

Я не могу понять, как зафиксировать изменение значения в плагине bootstrap-slider.

Прочтите документацию. Пробовал много, много вещей. не

<div class="form-group"> 
    <label class="col-md-4 control-label" for="language_spanhish">Spanish</label> 
    <div class="col-md-6"> 
    <input id="language_spanish" type="text" data-provide="slider" 
     data-slider-ticks="[0, 1, 2]" 
     data-slider-min="0" 
     data-slider-max="2" 
     data-slider-step="1" 
     data-slider-value="0" 
     data-slider-tooltip="show" 
     onchange="alert('you changed it')" 
    /> 
    </div> 
</div> 

Пытался (не успех):

document.getElementById("#language_spanish").getAttribute("data-slider-value"); 
     var getIt = $('#language_spanish').data('slider').getValue(); 
     alert(getIt); 
spanish.on("slide", function(slideEvt) { console.log(slider.getValue()); alert(slideEvt.value); }); 
     $('#language_spanish').slider().on('slide', function(ev){ alert("I changed it") }); 

Просто глядя на кого-то там, что успешно захваченной изменение значения на ползунке. Пожалуйста, отправьте сообщение, если плагин не поддерживает возможность зафиксировать изменение стоимости.

ошибка журнала Одна консоль я получаю от некоторых попыток:

Uncaught ReferenceError: $ не определен

Answer 1

Пробовали ли вы

$('#language_spanish').on('input', function(ev){ alert("I changed it") }); 

Для Uncaught ReferenceError: $ is not defined Вы можете обойти JQuery (не испытано):

var slider = document.getElementById("language_spanish") 
console.log("init : " + slider.value) 
slider.addEventListener('input', function(e){ alert("I changed it " + e.currentTarget.value + " === " + input.value) }); 

Answer 2

Для этого решения требуется jquery ,

Ползунок поставляется с собственными обработчиками событий, которые не включают ввод, но включают «изменение». https://github.com/seiyria/bootstrap-slider

$("#language_spanish").on("change", function(){ 
console.log("Changed"); 
}); 

Если вы хотите, чтобы получить новое значение ползунка, затем.

$("#language_spanish").on("change", function(event){ 
console.log("Changed to ", event.value.newValue); 
});