如何设置引导滑块值

how to set Bootstrap slider value

本文关键字:何设置 设置      更新时间:2023-09-26

我使用引导滑块并寻找一种方法来设置句柄的值另一个变量,我找到了这种方法,但对我不起作用。数据滑块值是包含值的属性.html

<input id="gravite" name="gravite" type="text"
              data-provide="slider"
              data-slider-ticks="[1, 2, 3]"
              data-slider-ticks-labels='["Faible", "Moyenne", "Urgent"]'
              data-slider-min="1"
              data-slider-max="3"
              data-slider-step="1"
                data-slider-value=""
              data-slider-tooltip="hide" />

JavaScript

var val=$(this).attr('gravite');
 $("#gravite").slider('setValue',val);
data-provide="slider" 

允许不编写任何JavaScript代码。唯一的事情是你需要把对javasci https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/6.1.7/bootstrap-slider.min.js pt的依赖放在html的末尾(例如,就在前面)。另请注意,它必须是版本 6.1.7 或更高版本!