jQuery fadeIn fadeOut（或显示/隐藏）问题

Question

我试图显示一个工具提示，当您将鼠标悬停在日历控件中的某一天时。

我使用mouseenter/mouseleave事件分别淡入/淡出。这工作。

但是，我的问题是因为它是一个日历，会有很多天，当我在整个星期内移动鼠标时，fadeIn/fadeOut（或显示/隐藏）将全部按顺序发生，直到所有事件完成...有某种滞后，因为它们都是按顺序发生的。

防止这种情况发生的最好方法是什么？

Answer 1

如果您在本周附近有父容器，则可以对该项目执行该效果。

Answer 2

我建议你处理只是一个事件的所有星期，然后检测其天已选定

Answer 3

我会添加一些逻辑来检查已经显示工具提示是否有，如果是这样，移动它并更新文本。

困难的部分是添加逻辑，以确保fadeOut只发生如果文本没有改变。首先要做的是在使用setTimeout之前在淡入淡出之前添加一个小延迟。其次，创建一个变量，每次更新工具提示文本时都会增加一个变量。最后，确保每次调用setTimeout都包含整数的副本，并在调用淡入淡出之前，检查整数是否未更改。

Answer 4

看看这个jQuery插件叫hoverIntent ...它应该解决你的问题。