利用setTimeout()计时器延迟方法，JS事件效果不起作用的原因及解决办法

$('.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

原创文章转载请注明出处！原文链接：https://www.exp99.com/fangan/f2e/qianduanfangan_89.html

本站声明：本站部分文章来自网络，由用户上传分享，如若内容侵犯了您的合法权益，可联系我们进行处理。文章仅供大家学习与参考,不**本站立场。

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z