| 标题 | settimeout内不支持jquery的选择器的解决方案 | |
| 分类 | 范文、应用文-IT技术专栏-脚本栏目 | |
| 范文 | 今天在写一个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); } ); |
|
| 随便看 |
|
客官网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。