我正在尝试为 bootstrap'ish 输入滑块进行非常基本的设置,但不知何故我无法让它工作。
我想要的是:
我得到什么:
来源/工作示例/教程:
http://seiyria.com/bootstrap-slider/
我的代码/源代码/错误:
<html>
<head>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.9.0/css/bootstrap-slider.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<input id="ex1" data-slider-id='ex1Slider' type="text" data-slider-min="-5" data-slider-max="20" data-slider-step="1"
data-slider-value="14"/>
<script type='text/javascript'>
$('#ex1').slider({
formatter: function (value) {
return 'Current value: ' + value;
}
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.9.0/bootstrap-slider.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
笔记:
我从 Web 存储库中提取所有基本组件 (CSS/JS):bootstrap、bootstrap-slider 和 JQuery。