jQuery悬停效果问题答案

【问题标题】：JQuery hover effect problemjQuery悬停效果问题
【发布时间】：2009-10-24 07:52:43
【问题描述】：

我创建了一个简单的 JQuery 脚本，在某些链接上具有悬停效果。该脚本运行良好，您可以在此处看到：Test Sample ...（请在 IE 以外的任何浏览器上进行测试）

但如果我将 fast 悬停在链接上，您会注意到图像图标不会按要求消失。我已经尝试了一切来解决这个问题，但我找不到合适的解决方案。

现在的问题：我如何确定在 mouseOver 悬停效果完全完成后才应用 mouseOut 悬停效果？

【问题讨论】：

【解决方案1】：

您需要将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...

【讨论】：

是的...我知道了，它现在工作正常。我应该将 stop() 应用于每个元素的每个效果。非常感谢 Alex & o.k.w :)

【解决方案2】：

由于您的动画效果有一个完成的持续时间，您需要处理在动画期间发生悬停/取消悬停的情况。

我使用 JQuery 的 stop 函数 (http://docs.jquery.com/Effects/stop)

例如。

$("selector").stop(true,true).youreffect(.....);

试一试。

【讨论】：

感谢您的帮助。我按照你说的做了，我在 unhover 事件中写道： $(this).stop(true, true);但是什么都没有改变……你可以在网上的示例中查看它，我已经更新了它。但你的想法是对的......问题是因为我在悬停效果持续时间完成之前悬停得太快了。还有其他建议吗？