javascript - 导航下拉切换问题与引导程序

Question

我最近在 www.seosherpas.com 重新设计了我的 Wordpress 网站主页。

这是根据使用 Bootstrap 的主题设计的。在 Thesis 上通过获取自定义站点的代码来实现，将其安装在子文件夹中，并复制并粘贴到自定义页面模板中。

现在我正在尝试在我的定制论文设计中模仿整个站点的导航菜单：www.seosherpas.com/blog/

我设法模仿了设计，但无法使下拉菜单起作用。我觉得这是我如何调用 Bootstrap 的 Javascript 的问题......也许，也许不是。我真的不知道。

我有这行代码可以暂时隐藏下拉菜单：

.nav-collapse .dropdown-menu {
border-bottom: 1px solid #DDDDDD;
/* Temporary Fix??? display: block; */
}

如果我显示 'display: block;' 下拉菜单出现但始终出现，而不是仅在悬停时出现。

score 0 · Accepted Answer

将此添加到您的 CSS 中：

.nav-collapse:hover .dropdown-menu {
    display: block;
}

当您将鼠标悬停在下拉列表的父元素 .nav-collapse 上时，您只会看到下拉列表。每次都有效，每个浏览器。享受！

1 回答 1