如何在Bootstrap-Slider中将工具提示设置为文本而不是数字

Question

我试图用文本字符串而不是tick值覆盖Bootstrap-Slider（版本10.6.1）中的tick值。

在this guidance之后创建一个duplicate slider，它使用数字值作为工具提示。代码看起来不错-我不明白为什么创建重复滑块：-/

HTML

<input id="sliderman" type="text" data-provide="slider"
      data-slider-ticks="[0, 1, 2, 3, 4]"
      data-slider-min="0"
      data-slider-max="4"
      data-slider-step="1"
      data-slider-value="0"
    />

JS

var values = ['Do not know', 'Not at all confident', 'Somewhat unconfident', 'Somewhat confident', 'Very confident'];
 var formatter = (index) => values[index];
 new Slider( '#sliderman', { formatter,
   tooltip: 'always',
   tooltip_position:'bottom',
 } );