Question

我创建了一个简单的JQuery脚本，在某些链接上有悬停效果。脚本工作正常，你可以在这里看到：Test Sample ...（请在IE以外的任何浏览器上测试）

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

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

Answer 1

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

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

例如

$（ “选择”）停止（真，真）.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...

JQuery悬停效果问题

2 个答案: