setTimeout内不支持jquery的选择器的解决方案
2015-04-28 11:33
1566 查看
今天在写一个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); } );
以上所述就是本文的全部内容了,希望大家能够喜欢。
您可能感兴趣的文章:
相关文章推荐
- setTimeout内不支持jquery的选择器的解决方案
- jquery的":focus"选择器,不适合应用在div容器上,更有ie6、7的支持问题
- jquery 1.9版本后不在支持browser 方法的解决方案
- jQuery 1.8版本后不支持toggle()事件,只支持显示隐藏-------解决方案
- jQuery1.2后已删除XPath选择器支持
- JQuery支持的选择器
- 在网页中使用jQuery-qrcode生成二维码以及中文支持解决方案
- Aptana 3.4.2 安装jQuery支持时遇到的挫折与解决方案
- 纯JavaScript实现简易版的jQuery选择器,支持链式调用
- jquery1.9不支持browser对象的解决方案
- jQuery1.2后已删除XPath选择器支持
- JQUERY 选择器
- jQuery类名选择器对非原始类名无法进行操作
- jQuery实现的支持IE的html滑动条
- AFNetworking 支持cookies的解决方案
- 常用jQuery选择器汇总
- 利用jQuery.expr创建一个自己的伪类选择器
- 35、实例 jQuery过滤选择器之内容过滤器
- jQuery 选择器
- JS中setInterval、setTimeout不能传递带参数的函数的解决方案