ブートストラップスライダを使用してハンドラ内の値を表示する方法は？

Question

私はboostrap sliderを使用していますが、これは私がそれを実装しています方法です：

$("#yearSlider").slider({step: 20000, min: 0, max: 200000}) 

は、どのように私はむしろツールチップでそれを持つよりも、ハンドラ内で値を得るのですか？

例：あなたがリンクされたページ（http://seiyria.com/bootstrap-slider/）のコンソールでこのコードを実行しよう：

document.getElementById('ex1').value 

あなたの結果

Answer 1

だけvalueプロパティを使用して期待

値が正しく返されることがわかります

Answer 2

次のようにスライドイベントに値を設定することができます。

$("#yearSlider").on("slide", function(slideEvt) { 
    $("#yearSlider .slider-handle").text(slideEvt.value); 
}); 

はfiddleを参照してください。

スライダーハンドルのCSSはちょっと面白いですが、それは絶対的に配置されているように見えるので、jsライブラリのオプションを使用してスタイルを設定する方が良いかもしれません。