问:我正在使用滑块库(noUIslider)。一切正常..除了一件事情!我在跨度中放出滑块值,当此变化时,我需要触发特定事件。所有更改都在范围内可见,但是当我尝试使用javascript阅读时..它不起作用
这是我的HTML
< div id = “滑块步长” > </ div >
< span id = “滑块步长值” > </ span >
这是我的javascript
var slideValue = document.getElementById('slider-step-value')。innerHTML;
stepSlider.noUiSlider.on('update',function(){
console.log(“ change”);
if(sliderValue ===“ 2004”){
alert(“ hoi”);
}
});
我究竟做错了什么!?谢谢你们!:)
答:看起来您只在脚本加载时检查/设置了sliderValue变量,所以它的值永远不会更新。检查并在更新回调函数中将其设置。也许是这样的:
var slide = document 。getElementById ('slider-step-value' );
var slideValue ;
stepSlider 。noUiSlider 。在('更新' ,函数(){控制台。登录(“变” ); //这里检查滑块值sliderValue =滑块。innerHTML的;如果(sliderValue === “2004” ){警报(“海” ) ; }
});