TEL:400-8793-956
当前位置:程序、服务器

更改检查innerHTML上的滑块

提问者: 近期获赞: 浏览人数: 发布时间:2021-04-06 13:25:38

 问:我正在使用滑块库(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” ){警报(“海” ) ; }  
});
上一篇: 建议同时学习本机android和iOS开发吗?
下一篇: 页脚问题-使列拉伸全宽吗?