我的 Jquery 悬停效果有两个问题。
- 如果鼠标进出非常快(几次),即使鼠标不再位于包含的 DIV 内,它仍会保持鼠标悬停效果。
我需要类似 if(background is visible && mouse not in div element) 然后播放鼠标移出动画。 (重置封面标志)
- 与鼠标移入鼠标移出效果相同的问题,封面 Logo 有时不会弹回其原始位置,有时会弹回。只有当您非常快速地移动光标时才会发生这种情况。
最佳答案
我已经改变了JSfiddle使用最新的 jQuery 库,并将弹跳动画更改为简单的淡入淡出......它似乎按预期工作。
我想您的反弹效果(由 jQuery UI 提供)可能是以某种方式阻止正确停止的罪魁祸首。
鼠标事件处理程序外部的延迟动画
如果需要,请使用简单的过渡,如果可能的话,将动画移出您的事件处理程序并延迟执行,这样快速的悬停不会触发任何过渡动画。这可能是确保正确处理和记录所有鼠标事件的最佳方式。
关于javascript - 快速移动光标时的jquery悬停问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12618641/