$ .noUiSlider垂直滑块,最大值位于顶部,最小值位于底部

时间:2018-01-03 15:35:56

标签: javascript html css nouislider

$。noUiSlider滑块在垂直方向上工作不正常,并尝试使用方向选项获取顶部最小值和最小值。这是下面的代码

noUiSlider.create(document.getElementById('slider-range'), {
  start: [20, 50],
  direction: 'rtl',
  orientation: 'vertical',
  tooltips: [true,true],
  range: {
    'min': [ 10 ],
    'max': [ 90 ]
  }});

This is the output i'm getting

1 个答案:

答案 0 :(得分:0)

你应该尝试不用[和]围绕你的最小值和最大值:

   noUiSlider.create(document.getElementById('slider-range'), {
      start: [20, 50],
      direction: 'rtl',
      orientation: 'vertical',
      tooltips: [true,true],
      range: {
        'min': 10,
        'max': 90
      }})

此处示范:https://codepen.io/andreds/pen/BJdYqx

此处提供了更多详细信息和文档: https://refreshless.com/nouislider/