微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

setTimeout内不支持jquery的选择器的解决方案

今天在写一个js延时事件的时候发现在setTimeout这个方法里面使用jquery的$(this)竟然不起作用,各种测试,最后得出结论是setTimeout内不支持jquery的选择器。于是请教了一下QQ上做jquery开发的高手,马上就把这问题解决了,在这里记录一下。 下面是作者做延时处理时的js代码

rush:js;"> $('.dl_select dt').hover( function(){ clearTimeout(t3); $(this).siblings('dd').css({'display':'block','cursor':'pointer'}); },function(){ t2=setTimeout(function(){$(this).siblings('dd').css({'display':'none'});},300); } ); $('.dl_select dd').hover( function(){ clearTimeout(t2); $(this).css({'display':'block',function(){ t3=setTimeout(function(){$(this).css({'display':'none'});},200); } );

注意以上代码中得setTimeout里的代码,如果这些代码在这方法里面,本身是没有问题的,但是如上这种情况是会报错的。至于原因,作者现在也没有弄明白。经网友点化改成如下就没事儿了,方法很巧妙。如下是正确的代码

rush:js;"> $('.dl_select dt').hover( function(){ clearTimeout(t3); $(this).siblings('dd').css({'display':'block',function(){ var $this=$(this).siblings('dd'); t2=setTimeout(function(){$this.css({'display':'none'});},function(){ var $this=$(this); t3=setTimeout(function(){$this.css({'display':'none'});},200); } );

以上所述就是本文的全部内容了,希望大家能够喜欢。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐