如何在noUiSlider中显示点数(tickmarks)?

时间:2017-04-13 21:54:08

标签: javascript nouislider

这是我第一次添加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;
&#13;
&#13;

这里的类似问题没有答案:NouiSlider - how to display pips?

0 个答案:

没有答案