フォームフィールドを表示するブートストラップスライダー

Question

スライダーを実装しようとしていますが、理由は入力フィールドだけです。

https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js

https://github.com/seiyria/bootstrap-slider

http://seiyria.com/bootstrap-slider/

私が追加しました：JS

の小片のほか

bootstrap-slider.js 
bootstrap-slider.css 

他に何を

<script type="text/javascript"> 
$('#ex1').slider({ 
    formatter: function(value) { 
     return 'Current value: ' + value; 
    } 
}); 
</script> 

コード自体は？

<input id="ex1" data-slider-id="ex1Slider" type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="14"/> 

助けてください。

JS Fiddle

Answer 1

あなたは、ブートストラップ・slider.js

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 

また、あなたはあなたのスライダーをinitilize前に、jQueryのを待つ必要があるでしょうが含まれる前に、あなたは、これを追加のjQueryを含める必要があります

<script type="text/javascript"> 
    $(document).ready(function() { 
    $('#ex1').slider({ 
     formatter: function(value) { 
     return 'Current value: ' + value; 
     } 
    }); 
    }); 
</script>