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

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

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

从右到左,无缝地工作.

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

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

这是我的fiddle.

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

解决方法:

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

相关文章

页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间 html: &lt;span id=&quot...
jQuery 添加水印 &lt;script src=&quot;../../../.....
中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下: Response.Write(&q...
Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...