Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/xslt/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将引导滑块中的工具提示设置为文本字符串与刻度值_Javascript_Bootstrap Slider - Fatal编程技术网

Javascript 如何将引导滑块中的工具提示设置为文本字符串与刻度值

Javascript 如何将引导滑块中的工具提示设置为文本字符串与刻度值,javascript,bootstrap-slider,Javascript,Bootstrap Slider,我想知道是否有可能在发布时将Bootstrap Slider最新版本9.7.2中的刻度值改写为文本字符串而不是刻度值 在下面的屏幕截图中,刻度值2显示在滑块上最后一个选择元素的上方。我想让“说话”这个词代替“说话”。可能吗 这是我的HTML: <div class="form-group"> <label class="col-md-4 control-label" for="language_french">French</label> <di

我想知道是否有可能在发布时将Bootstrap Slider最新版本9.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>

要实现这一点,您必须使用函数。可以在示例23中找到一个示例

在您的情况下,它将是这样的:

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

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

非常好,非常完美……这正是我所希望的@Seiyria。你的引导滑块插件棒极了。谢谢虽然它似乎只在第一个Slider实例上起作用,而在其余的实例上不起作用……。@H.Ferrence此时它基本上不在这个问题的范围之内,但是您需要创建一个JSFIDLE来演示这一点,因为这并没有让它不能在多个实例上起作用。