jQuery fadeIn fadeOut（或顯示/隱藏）問題

Question

我試圖顯示一個工具提示，當您將鼠標懸停在日曆控件中的某一天時。

我使用mouseenter/mouseleave事件分別淡入/淡出。這工作。

但是，我的問題是因爲它是一個日曆，會有很多天，當我在整個星期內移動鼠標時，fadeIn/fadeOut（或顯示/隱藏）將全部按順序發生，直到所有事件完成...有某種滯後，因爲它們都是按順序發生的。

防止這種情況發生的最好方法是什麼？

Answer 1

如果您在本週附近有父容器，則可以對該項目執行該效果。

Answer 2

我建議你處理只是一個事件的所有星期，然後檢測其天已選定

Answer 3

我會添加一些邏輯來檢查已經顯示工具提示是否有，如果是這樣，移動它並更新文本。

困難的部分是添加邏輯，以確保fadeOut只發生如果文本沒有改變。首先要做的是在使用setTimeout之前在淡入淡出之前添加一個小延遲。其次，創建一個變量，每次更新工具提示文本時都會增加一個變量。最後，確保每次調用setTimeout都包含整數的副本，並在調用淡入淡出之前，檢查整數是否未更改。

Answer 4

看看這個jQuery插件叫hoverIntent ...它應該解決你的問題。