javascript - 快速移动光标时的jquery悬停问题

Question

我的 Jquery 悬停效果有两个问题。

1. 如果鼠标进出非常快(几次)，即使鼠标不再位于包含的 DIV 内，它仍会保持鼠标悬停效果。

我需要类似 if(background is visible && mouse not in div element) 然后播放鼠标移出动画。 (重置封面标志)

1. 与鼠标移入鼠标移出效果相同的问题，封面 Logo 有时不会弹回其原始位置，有时会弹回。只有当您非常快速地移动光标时才会发生这种情况。

http://jsfiddle.net/e7BLv/13/

Answer 1

我已经改变了JSfiddle使用最新的 jQuery 库，并将弹跳动画更改为简单的淡入淡出......它似乎按预期工作。

我想您的反弹效果(由 jQuery UI 提供)可能是以某种方式阻止正确停止的罪魁祸首。

鼠标事件处理程序外部的延迟动画

如果需要，请使用简单的过渡，如果可能的话，将动画移出您的事件处理程序并延迟执行，这样快速的悬停不会触发任何过渡动画。这可能是确保正确处理和记录所有鼠标事件的最佳方式。