今天在写一个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;
}
;
特别感谢 http://www.0773linji.com/ 高手指点