noUiSlider - 将两个工具提示都放在 slider 上方？

Question

是否可以指定 noUiSlider 绘制的工具提示的位置？似乎默认情况下它将第一个放在 slider 上，第二个放在下面。我理解这里的可用性目标，但我想把两者都放在上面或下面。

示例(带有上方和下方的工具提示):http://jsfiddle.net/leongersen/z83oz9np/2/

noUiSlider.create(div, {
    start: [0, 50], // 2 handles
    range: {
        'min': 0,
        'max': 50
    },
    tooltips: true // 2 tooltips but how to position?
});

Answer 1

我认为没有指定标签位置的选项。在你使用的css版本中有

.noUi-horizontal .noUi-handle-upper .noUi-tooltip { 
  bottom:-32px 
}

您可以将其覆盖为与其他标签相同:

  .noUi-horizontal .noUi-handle-upper .noUi-tooltip {
    top: -32px;
    bottom: initial;
  }

查看您更新的 fiddle :http://jsfiddle.net/z83oz9np/20/

认为这是最好的做法。在 github 上的最新版本中，我注意到缺少此样式，因此如果您更新它，请考虑这一点。