Bootstrap範圍滑塊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來解決它。