Bootstrap 范围滑块 onSlideStop 不工作
Bootstrap range slider onSlideStop not working
我正在尝试从我的范围滑块 (bootstrap) 触发一个事件。这是滑块的代码：
<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 fiddle link:
https://jsfiddle.net/hw1aer2f/
事实证明，jQueryUI 干扰了 bootstrap 滑块脚本。我通过简单地在 bootstrap 滑块之后加载 jQueryUI 来解决它。
我正在尝试从我的范围滑块 (bootstrap) 触发一个事件。这是滑块的代码：
<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 fiddle link: https://jsfiddle.net/hw1aer2f/
事实证明，jQueryUI 干扰了 bootstrap 滑块脚本。我通过简单地在 bootstrap 滑块之后加载 jQueryUI 来解决它。