$ .noUiSlider垂直滑塊，最大值位於頂部，最小值位於底部

Question

$ .noUiSlider滑塊在使其垂直並嘗試使用“方向”選項嘗試在頂部獲得最大值和在底部獲得最小值時無法正常工作。 這是下面的代碼

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

這是我得到的輸出

Answer 1

您應該嘗試在最小和最大值周圍不要使用[和]：

   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/