引导滑块显示表单域

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>