setTimeout内不支持jquery的选择器的解决方案
今天在写一个js延时事件的时候发现在setTimeout这个方法里面使用jquery的$(this)竟然不起作用，各种测试，最后得出结论是setTimeout内不支持jquery的选择器。于是请教了一下QQ上做jquery开发的高手，马上就把这问题解决了，在这里记录一下。
下面是作者做延时处理时的js代码：
$('.dl_selectdt').hover(
function(){
clearTimeout(t3);
$(this).siblings('dd').css({'display':'block','cursor':'pointer'});
},
function(){
t2=setTimeout(function(){$(this).siblings('dd').css({'display':'none'});},300);
}
);
$('.dl_selectdd').hover(
function(){
clearTimeout(t2);
$(this).css({'display':'block','cursor':'pointer'});
},
function(){
t3=setTimeout(function(){$(this).css({'display':'none'});},200);
}
);
注意以上代码中得setTimeout里的代码，如果这些代码不在这个方法里面，本身是没有问题的，但是如上这种情况是会报错的。至于原因，作者现在也没有弄明白。经网友点化改成如下就没事儿了，方法很巧妙。如下是正确的代码：
$('.dl_selectdt').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_selectdd').hover(
function(){
clearTimeout(t2);
$(this).css({'display':'block','cursor':'pointer'});
},
function(){
var$this=$(this);
t3=setTimeout(function(){$this.css({'display':'none'});},200);
}
);
以上所述就是本文的全部内容了，希望大家能够喜欢。
热门推荐
10 唐志中爸爸生日祝福语简短
11 古风生日修复祝福语简短
12 熊孩子结婚祝福语简短
13 女生高级生日祝福语简短
14 虎年家长拜年祝福语简短
15 卡片祝福语简短的个性
16 祝福语英语摘抄大全简短
17 酒店中秋宴祝福语简短
18 毕业花束的祝福语简短