网友**：利用setTimeout()计时器延迟方法，JS事件效果不起作用的原因及解决办
首页 / 图解小知识 | 2022-02-21 16:32:26 点击:0
|
jquery下的setTimeout执行alert没问题，执行某个p消失就不行了？
- $('.number_dv li').hover(function()
- setTimeout(function(){
- $(this).children('.zhegai_').stop().css("display","block");
- alert('1');
- },2000);
- })
|
错误原因：
由于此时的$(this)在setTimeout()方法里不再归属于hover事件的当前DOM节点，因此无法实现hover事件的DOM的操作！
调试结果：
JS事件console.log()调试结果
通过调试结果可以看到，此时的DOM节点（$(this)）不是当前的li标签！
解决方法：
将$(this)赋值给一个变量，传递到setTimeout()方法里，即可实现当前DOM的操作！
- $('.number_dv li').hover(function()
- var _self = $(this);
- setTimeout(function(){
- _self.children('.zhegai_').stop().css("display","block");
- alert('1');
- },2000);
- })
调试结果：
console.log() JS事件调试结果2
本站声明：本站部分文章来自网络，由用户上传分享，如若内容侵犯了您的合法权益，可联系我们进行处理。文章仅供大家学习与参考,不**本站立场。
计时器延迟方法，JS事件效果不起作用的原因及解决办','https://www.51tietu.net/xiaozhishi/3325447.html','https://img101.51tietu.net/pic/2022082816/cicbiv4jotb.gif'))
计时器延迟方法，JS事件效果不起作用的原因及解决办',0)){kind=link}