引导菜单集成在WordPress与导航助行器(:悬停)

Question

基本上没有问题，但我想添加一个功能。它正在按预期工作。我正在使用Edward McIntyre的wp_bootstrap_navwalker

https://github.com/twittem/wp-bootstrap-navwalker

问题是，如果我为WooCommerce制作一个具有以下结构的页面：

• ~>商店
• ~>>我的帐户
• ~~>>注销

唯一可用的链接是"注销"(第三级菜单)。所有其他内容都将被删除。好吧，这很好，但我已经制作了我的菜单：悬停。

所以问题是如何禁用点击功能(我不知道如何更好地解释它)。以下是使引导程序悬停的代码：

var slideDuration;
slideDuration = 100;
jQuery('.ddmenu li.dropdown').hover(function () {
jQuery(this).children('.dropdown-menu').stop(true, true).delay(100).fadeIn({ duration: slideDuration, queue: false }).css('display', 'none').slideDown(slideDuration);
}, function () {
jQuery(this).children('.dropdown-menu').stop(true, true).delay(200).fadeOut({ duration: slideDuration, queue: false }).slideUp(slideDuration);
});

我尝试了一切来禁用点击事件(event.prventDefault()..等)，但它仍然会在悬停时打开菜单，当你点击带有子菜单的链接时，它会添加一个活动类，什么也不做。因此，高级菜单仍然无法使用。

附言：这是最新版本的导航助行器，所以它删除了链接，但这并不是一个真正的问题，它与旧的持平。

Answer 1

当我为bootstrap 3构建wp_bootstrap_navwalker时，它的构建是为了符合bootstrap的限制，即父项没有关联的URL，并且它只支持一个下拉级别。Bootstrap的助行器2.3.2(https://github.com/twittem/wp-bootstrap-navwalker/tree/For-Bootstrap-2.3.2)支持几乎无限的下拉列表，但也不附加到父项的链接。

通常在这种情况下，我建议重新思考菜单结构，如果你正在构建一个响应式网站，并且移动设备上的多级下拉菜单几乎总是被破坏。也就是说，我打算在本周末发布一个更可配置的助行器版本。

至于你的问题，我不清楚你想要实现什么，如果你能把它说得更清楚一点，我很乐意帮助你。

Answer 2

/* dropdown */
.dropdown-menu {
margin: 0px auto;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.dropdown-menu .dropdown-menu {
left: 100%;
top: 0px;
}
/*  shows the dropdown on hover*/
.navbar ul.nav li:hover > ul.dropdown-menu {
display: block;   
}
/* before and after */
.navbar .nav > li > .dropdown-menu::before, .navbar .nav > li > .dropdown-menu::after {
display: none;
}