这是我第一次添加JavaScript库。我在这里阅读了文档:https://refreshless.com/nouislider/pips/并认为我只是添加了演示代码:
var range_all_sliders = {
'min': [ 0 ],
'10%': [ 500, 500 ],
'50%': [ 4000, 1000 ],
'max': [ 10000 ]
};
但那不起作用......我觉得这很简单。我一直在查看示例并检查元素无济于事。有什么想法吗?
var slider = document.getElementById('slider');
noUiSlider.create(slider, {
start: [20, 80],
connect: true,
range: {
'min': 0,
'max': 100
}
});

html {
background-color: #888;
}

<html>
<head>
<!--nouislider css-->
<link rel="stylesheet" href="http://codepen.io/solacy0n/pen/NjPrBX.css">
</head>
<body>
slider
<div id="slider"></div>
<!-- nouislider js-->
<script src="http://codepen.io/solacy0n/pen/NjPrBX.js"></script>
</body>
</html>
&#13;
这里的类似问题没有答案:NouiSlider - how to display pips?