两秒后鼠标悬停,但设置超时功能不起作用
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:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。