今天在写一个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);
- }
- );
一起学吧部分文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与一起学吧进行文章共享合作。