如何在Bootstrap-Slider中將工具提示設置為文本字符串與刻度值

Question

我想知道是否有可能覆蓋tick values （以發帖時間最新v9.7.2）的引導滑塊是一個文本字符串與刻度值。

在下面的屏幕快照中，刻度值“ 2”出現在滑塊上最后一個選擇元素的上方。 我希望能夠代替出現“說”這個詞。 那可能嗎？

這是我的HTML：

<div class="form-group">
  <label class="col-md-4 control-label" for="language_french">French</label>
  <div class="col-md-4">
    <input id="language_french" type="text" data-provide="slider"
      data-slider-ticks="[0, 1, 2]"
      data-slider-min="0"
      data-slider-max="2"
      data-slider-step="1"
      data-slider-value="0"
      data-slider-tooltip="show"
    />
  </div>
</div>

這是我的jQuery / JavaScript：

<script>
  // https://github.com/seiyria/bootstrap-slider
  var slider_002 = new Slider( '#language_french' );
</script>

已對@Seiyria的每個答案進行了修改...但它僅適用於法語實例。 沒有其他語言實例起作用：

<script>
  // https://github.com/seiyria/bootstrap-slider
  var values = ['None', 'Read', 'Speak'];
  var formatter = (index) => values[index];
  new Slider( '#language_english' );
  new Slider( '#language_french', { formatter } );
  new Slider( '#language_italian', { formatter } );
  new Slider( '#language_spanish', { formatter } );
</script>

Answer 1

為此，您必須使用formatter功能。 可以在此處找到一個示例（請參見示例23）。

在您的情況下，將是這樣的：

var values = ['None', 'Read', 'Speak']
var formatter = (index) => values[index]

new Slider('#language_french', { formatter })