足球游戏_中国足彩网¥体育资讯$

settimeout内不支持jquery的选择器的解决方案
来源:易贤网 阅读:657 次 日期:2016-06-22 09:23:57
温馨提示:易贤网小编为您整理了“settimeout内不支持jquery的选择器的解决方案”,方便广大网友查阅!

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

下面是作者做延时处理时的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','cursor':'pointer'}); }, function(){ t3=settimeout(function(){$(this).css({'display':'none'});},200); } );

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

$('.dl_select dt').hover( function(){ cleartimeout(t3); $(this).siblings('dd').css({'display':'block','cursor':'pointer'}); }, function(){ var $this=$(this).siblings('dd'); t2=settimeout(function(){$this.css({'display':'none'});},300); } ); $('.dl_select dd').hover( function(){ cleartimeout(t2); $(this).css({'display':'block','cursor':'pointer'}); }, function(){ var $this=$(this); t3=settimeout(function(){$this.css({'display':'none'});},200); } );

中国足彩网信息请查看脚本栏目
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 足球游戏_中国足彩网¥体育资讯$ 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:易贤网
云南网警报警专用图标