Bootstrap滑块不会更新

Question

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

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;
 });    

IMAGE

Answer 1

无需在您的ID中添加#符号。 #符号本身表示您正在引用ID。

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

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