bootstrap-slider - 引导滑块不更新

Question

我正在尝试使用带有自定义处理程序的引导滑块。但是，当我移动滑块时，该值不会更新。

HTML：

<input id="#ex6" type="range" data-slider-min="-5" data-slider-max="20" 
data-slider-step="1" data-slider-value="3"/>
<span id="ex6CurrentSliderValLabel">Current Slider Value: <span 
id="ex6SliderVal">3</span></span>

JS：

var slider = new Slider("#ex6");
 slider.on("slide", function(sliderValue) {
document.getElementById("ex6SliderVal").textContent = sliderValue;
 });    

图片

Answer 1

无需将#符号添加到您的 id。该#符号本身表示您正在引用一个 ID。

<input id="ex6" [...] />

另请参阅：CSS 选择器：https ://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Selectors