代码之家 › 专栏 › 技术社区 › Brad

jquery悬停效果问题

mouseout hover jquery

2

Brad · 技术社区 · 16 年前

我创建了一个简单的jquery脚本,在某些链接上具有悬停效果。正如您在这里看到的,脚本工作正常: Test Sample …(请在IE以外的任何浏览器上测试)

但如果我盘旋 快速的 在链接上,您会注意到图像图标不会根据需要消失。我已经尽力解决了这个问题,但找不到合适的解决方案。

现在的问题是: 如何确保鼠标悬停效果在鼠标悬停效果完成后应用?

2 回复 | 直到 16 年前

1

2

Alex Bagnolini 16 年前

你需要申请 stop() 到已设置动画的元素。试试这个:

function hide_frame() {
   var hoveredLang = $(this).parent();              
   hoveredLang
      .find('.language-name').stop(true, true)
      .find('.download-img').stop(true, true)
      .find('.info-img').stop(true, true);
   //eccetera...

2

o.k.w 16 年前

由于动画效果还有一段时间要完成,因此需要处理动画期间发生悬停/取消悬停的情况。

我使用jQuery stop 功能( http://docs.jquery.com/Effects/stop )

如。

$(“选择器”).stop(true,true).youreffect(….);

试一试。