jQuery和CSS下拉，悬停和下拉消失[关闭]答案

【问题标题】：jQuery and CSS drop down, hover and drop downs disappears [closed]jQuery和CSS下拉，悬停和下拉消失[关闭]
【发布时间】：2015-08-24 10:55:26
【问题描述】：

我看到很多人都问过这个问题，但我发现没有任何帮助。我有一个在列表链接悬停时显示的下拉列表，下拉列表中的第一个链接悬停没有问题。但是，当我将鼠标悬停在第二个链接上时，下拉菜单消失了。我不明白我做错了什么。

enter code herehttp://jsfiddle.net/yoq0wyds/

【问题讨论】：

如果编辑器说如果你链接了一个 jsfiddle 你应该添加代码，你当然可以通过在代码块中添加虚假来欺骗系统，但这不会让你的问题变得更好。您只会对您的问题投下反对票。如果编辑拒绝保存您的问题，请修复您的问题，而不是试图欺骗系统。

标签： javascript jquery html css drop-down-menu

【解决方案1】：

删除您应用于ul 元素的硬宽度。

#cssmenu > ul li.has-sub ul {
    text-align: left;
    display: none;
    /* width: 24px; */
    position: absolute;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: #ffffff;
    border: 1px solid #ece6e8;
    border-bottom: 3px solid #d9ced2;
    border-top: 0 none;
}

Function example

【讨论】：

呵呵，由于某种原因，第二次选择仍然导致下拉菜单消失。

【解决方案2】：

宽度不是 24px。悬停工作正常，但仅限于前 24 像素。删除宽度设置，这工作正常。

...
#cssmenu > ul li.has-sub ul {
  text-align: left;
  display: none;
  width: 24px;
...

【讨论】：