两秒后鼠标悬停,但设置超时功能不起作用
JS
setTimeout(function () { $('.Box').mouSEOver(function () { $(this).animate({ marginTop: '-224px',height: '300px' }) $(this).find('.rotate-arrow').addClass('rotate'); }); },2000);
解决方法
说明:
您已将事件处理程序附加到setTimeout内部,这实际上意味着在将函数附加到.Box元素的鼠标悬停之前将等待2秒.
不幸的是,来自setTimeout函数的$(this)超出了范围,因此您的值未被读取.幸运的是,您可以简单地将$(this)分配给嵌套函数范围内的变量,您可以像往常一样使用该变量访问jquery对象.
解:
$('.Box').mouSEOver(function () { var $this = $(this) setTimeout(function () { $this.animate({ marginTop: '-224px',height: '300px' }) $this.find('.rotate-arrow').addClass('rotate'); },2000); });
的jsfiddle: