JQuery悬停效果问题

Question

我创建了一个简单的JQuery脚本，在某些链接上有悬停效果。该脚本可以正常工作，如您所见：测试样本 ...（请在上面测试IE以外的任何浏览器

但如果我在链接上悬停快速，您会发现图片图标不会根据需要消失。我已经尝试了一切来解决这个问题，但我找不到合适的解决方案。

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

Answer 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...

Answer 2

假设您的动画效果有一段完成时间，您需要处理动画期间发生悬停/取消切换的情况。

我使用JQuery的 stop 功能（ http：//docs.jquery。 COM /效果/停止）

例如

$（＆QUOT;选择＆QUOT）。停止（真，真）.youreffect（.....）;

试一试。