Bootstrap Bereich Slider onSlideStop funktioniert nicht

Question

Ich versuche, ein Ereignis aus meinem Bereich Slider (Bootstrap) auszulösen. Hier ist der Code für den Schieber:

<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"> 

Nun, ich bin in der Lage ein Spiel von JS auslösen, aber da ich werde einiges an Schiebern auf meiner Seite haben, würde Ich mag es triggern der Schieberegler selbst.

Hier ist der Code ist, der auf JS funktioniert:

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

JS Geige Link: https://jsfiddle.net/hw1aer2f/

Answer 1

Es stellte sich heraus, gestört jQueryUI mit dem Bootstrap-Schieber-Skript. Ich löste es, indem ich jQueryUI nach dem Bootstrap-Slider einfach lud.