您好,匿名用户

javascript 怎样实现 hover 事件延时触发 jquery 的 toggleClass()

0 投票

如题,我希望移动到 .dropdown 区域内时,.item 能够延时个1秒再添加 .highlight,离开时也延时1秒再移除 highlight,改怎么实现呢?

<div class="dropdown">
  <div class="item">helloworld</div>
</div>
.item {
    background: pink;
}
.highlight {
  height: 100px;
  background: yellow;
}
$('.dropdown').hover(function() {
    $('.item', this).toggleClass('highlight');
});

http://jsfiddle.net/AKcHr/

用户头像 提问 2014年 6月23日 @ Cho'Gath 中士 (1,292 威望)
分享到:

1个回答

0 投票
 
最佳答案
$('.dropdown').hover(function() {
    var $item = $('.item', this);
    setTimeout(function(){$item.toggleClass('highlight');}, 1000);
});

变量在setTimeout() 和 setInterval()没有用,所以用function代替.

用户头像 回复 2014年 6月23日 @ Irelia 中士 (1,327 威望)
选中 2013年 9月8日 @Cho'Gath
提一个问题:

相关问题

0 投票
1 回复 62 阅读
0 投票
1 回复 199 阅读
用户头像 提问 2015年 4月8日 @ Ahri 中士 (1,362 威望)
0 投票
1 回复 43 阅读
0 投票
1 回复 51 阅读
0 投票
1 回复 102 阅读

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

IT技术交流群 - 随意问
欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...