引導滑塊顯示錶單域

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/

我已經加入：

bootstrap-slider.js 
bootstrap-slider.css 

還有什麼除了一小片JS

的

<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

您將需要包括jQuery的，添加這個您有自舉slider.js

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

您還需要等待jQuery的你用來初始化您的滑蓋前前

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