setTimeout不支持$(this)等其他jquery选择器的解决办法

 
更多

今天在写一个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/ 高手指点

打赏

本文固定链接: https://www.cxy163.net/archives/4008 | 绝缘体

该日志由 绝缘体.. 于 2013年06月11日 发表在 未分类 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: setTimeout不支持$(this)等其他jquery选择器的解决办法 | 绝缘体
关键字: , , , ,

setTimeout不支持$(this)等其他jquery选择器的解决办法:等您坐沙发呢!

发表评论


快捷键:Ctrl+Enter