如何設置Bootstrap滑塊值

Question

我使用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);

Answer 1

data-provide="slider" 

允許不編寫任何JavaScript代碼。 唯一的事情是你需要把依賴於javascipt的bootstrap-slider（ https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/6.1.7/bootstrap-slider.min.js ）放在html的結尾（例如，在之前）。 另請注意，它必須是6.1.7或更高版本！