从菜单中删除（单击）下拉功能

Question

我正在为客户定制一个主题，并试图找到一种方法来删除主导航链接的下拉功能。当您单击顶级链接时，菜单会关闭（或打开）。我不确定他们为什么将其内置到主题中，因为我认为这对用户来说非常混乱，更不用说在移动设备上无法正常工作了。我真的需要在悬停时打开菜单，而不是在点击时打开。

我相信这是通过结合使用 CSS3 和 Javascript (https://github.com/viljamis/responsive-nav.js) 来完成的。通过编辑 responsive-nav.js 可能有一个简单的解决方案。但我不是 javascript 编码器。任何帮助将不胜感激。

网站在这里：http://www.gatewayfitnesscenter.com

我相信控制这个的代码：http://gatewayfitnesscenter.com/wp-content/themes/westand/scripts/frontend/responsive-nav.js

Answer 1

在您主题的scripts/frontend/functions.js 中，找到这段代码（“@9​​87654322@”之后的两行）：

jQuery("#menus  li.sub-icon > a") .click(function(){
    jQuery(this).next().toggle(200);
    return false;
});

这是点击处理程序，所以继续删除它，你应该很好！

Answer 2

好的，事实证明这将是一个相当简单的 CSS 调整来获得你想要的。打开“westland”主题的 style.css 文件。现在，搜索.navigation ul li:hover > ul {。之后的第一行是visibility: visible;。删除该行或将其注释掉并保存文件。如果您真的想避免在浏览器中进行不必要的工作，请删除/评论其中的整个块。在注释掉之后，我已经包含了下面的整个块。

.navigation ul li:hover > ul {
    /*
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    */
}

这应该可以防止将鼠标悬停在这些菜单上显示子菜单。