javascript – jQuery / hover()/.mousemove()优化问题

我正在研究一个基本的模态示例,只要用户将鼠标悬停在某个部分上,模态就会跟随鼠标光标.

我遇到的问题是,当从左到右时,模态显着滞后,并且如果用户将鼠标移出特定部分,则触发fadeOut()设置.

从右到左,无缝地工作.

在小提琴中,您可以在< nav>上移动鼠标时观察到的松弛.从上到下,以及从底部到顶部注意到稳固的性能.

如果您有任何重复的问题或相关文章,请指出我正确的方向.到目前为止,我的搜索已经提供了信息,但并没有解决这个具体问题.

这是我的fiddle.

谢谢大家,我们热烈欢迎亲们的建议.

解决方法:

问题是,当你添加模式元素时,jquery将触发onmouseout事件,它会获得“焦点”,而悬停事件不会在你的nav元素上触发.
我改变了你的例子,现在它的效果要好得多,请查看here

上一篇:javascript – 图像隐藏,然后鼠标移动Fade-In,Fade-Out和Fade-In再次


下一篇:javascript 设计模式之发布订阅者模式