利用jQ实现鼠标悬浮控制div显示隐藏Bug

问题bug:利用jQ实现鼠标悬浮控制div显示隐藏有时会发现鼠标未移出div结果就隐藏了。

出现问题的原因可能是你对JQ的鼠标悬浮事件了解不够深刻

解决方法：你可能是由于鼠标事件调用的mouseover以及mouseout方法导致的，试试改成mouseenter和mouseleave事件。

原理

鼠标悬浮移入移出事件

鼠标移入事件

mouseenter：不冒泡

mouseover: 冒泡

鼠标移出事件

mouseleave: 不冒泡

mouseout：冒泡

总之是因为冒泡导致的bug具体不再描述可自行理解冒泡与不冒泡的原理。如果为解决就需要考虑你逻辑是否正确了。