BootSrap范围滑块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干扰了引导滑块脚本。我通过在bootstrap滑块后加载jQueryUI来解决它。