jquery - jQuery悬停效果问题

Question

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

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

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

Answer 1

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

我使用 JQuery 的stop功能（http://docs.jquery.com/Effects/stop）

例如。

$("选择器").stop(true,true).youreffect(.....);

试试看。

Answer 2

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