Javascript jQuery：将鼠标悬停在子菜单项上时保持子菜单打开
这已经被问了很多。但我似乎找不到有效的解决办法。我有一个jQuery代码，可以在悬停时打开我的子菜单，但在我尝试浏览子菜单项后，它消失了。我怎样才能解决这个问题 这是我的密码：Javascript jQuery：将鼠标悬停在子菜单项上时保持子菜单打开,javascript,jquery,html,css,Javascript,Jquery,Html,Css,这已经被问了很多。但我似乎找不到有效的解决办法。我有一个jQuery代码，可以在悬停时打开我的子菜单，但在我尝试浏览子菜单项后，它消失了。我怎样才能解决这个问题 这是我的密码： $（'.hover'）.hover( 函数（）{ $（'.drop box'）.show（）； }, 函数（）{ $（'.drop box'）.hide（）； }) }); 。下拉框{ 位置：绝对位置； 宽度：100%； 高度：60px； 背景：暗绿色； 顶部：60px； 左：0； 显示：无； } 悬停 文本 文本
$（'.hover'）.hover(
函数（）{
$（'.drop box'）.show（）；
},
函数（）{
$（'.drop box'）.hide（）；
})
});
。下拉框{
位置：绝对位置；
宽度：100%；
高度：60px；
背景：暗绿色；
顶部：60px；
左：0；
显示：无；
}
悬停
文本
文本
文本
只需将.drop box
及其所有内容放置在内。将鼠标悬停在上即可。
另外，您需要删除top
属性，以防止文本和下拉框之间出现间隙
$（'.hover'）.hover(
函数（）{
$（'.drop box'）.show（）；
},
函数（）{
$（'.drop box'）.hide（）；
}
);
。下拉框{
位置：绝对位置；
宽度：100%；
高度：60px；
背景：暗绿色；
//顶部：60px；
左：0；
显示：无；
}
悬停
文本
文本
文本
好的，但是如果我不能把它放进去怎么办？悬停？我还能让它工作吗？嗯，有一个CSS解决方案可以比jQuery简单得多。可以吗？可以用另一个div来包装div吗？太好了！我用.everything
div包装了所有内容。请查看此。我的CSS解决方案在CSS部分的底部。看起来像是JSFIDLE的bug。删除我添加的评论，它就会起作用。