如何设置Bootstrap滑块值

时间:2016-03-13 21:37:37

标签: javascript bootstrap-slider

我使用bootstrap滑块并寻找一种设置句柄值的方法 另一个变量,我找到了这个方法,但没有和我一起工作.. data-slider-value是包含该值的属性 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);

1 个答案:

答案 0 :(得分:0)

data-provide="slider" 

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