Бутстрап диапазон слайдер onSlideStop не работает

Question

Я пытаюсь вызвать событие из моего ползунка диапазона (бутстрап). Вот код для слайдера:

<input type="text" onSlideStop="alert(this.value);" data-slider-min="0" data-slider-max="10" data-slider-step="1" data-slider-value="[1,2]" id="sl2"> 

Теперь, я могу вызвать событие из JS, но так как я буду иметь совсем немного ползунков на моей странице, я хотел бы, чтобы вызвать его из сам слайдер.

Вот код, который работает на JS:

$('#sl2').slider().on('slideStop', function(ev){ 
alert($('#sl2').data('slider').getValue()); 
}); 

JS скрипку ссылка: https://jsfiddle.net/hw1aer2f/

Answer 1

Оказывается, jQueryUI вмешивались в сценарий начальной загрузки слайдера. Я решил это, просто загрузив jQueryUI после слайдера начальной загрузки.