为什么 jQuery 悬停有时会卡住以及如何修复它？
有时，当我将鼠标悬停在元素上时，下拉菜单会很糟糕，反之亦然，主要是当我已经在元素上并且页面开始加载时，因此您应该通过一些重新加载来测试它。
查看：实时预览
视频截屏：视频截屏链接
jQuery：
$(function() {
$("ul > li").hover(function() {
$(this).find("ul").stop(true, true).fadeIn('fast');
}, function() {
$(this).find("ul").stop(true, true).fadeOut('fast');
});
});
此代码段查找所有 < code>ul 的内容，并淡入或淡出 parent ul 内部 ul 的内容。
Sometimes when I hover on the elements the dropdown sucks and works vice versa, mostly when I'm already on the element and when the page starts to load, so you should test it with some reloads.
Check out : Live Preview
Video Screencast : Video Screencast Link
The jQuery:
$(function() {
$("ul > li").hover(function() {
$(this).find("ul").stop(true, true).fadeIn('fast');
}, function() {
$(this).find("ul").stop(true, true).fadeOut('fast');
});
});
This snippet finds all ul's and fades in or out the ul's what inside of the parent ul.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
看起来效果很好。如果水平移动鼠标，下拉菜单会出现卡住的情况。这是因为 li 标签的宽度跨越了整个窗口。也许您只需要设置更短的宽度。
It seems to work fine. There is an appearance of the drop down getting stuck if you move your mouse horizontally. This is because the width of the li tag spans the whole window. Maybe you just need to set a shorter width.