jquery - WordPress 中的 Bootstrap 菜单集成导航沃克 ( :hover)

Question

基本没问题，不过我想加个功能。它按预期工作。我正在使用 Edward McIntyre 的 wp_bootstrap_navwalker

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

问题是如果我用这种结构为 WooCommerce 创建一个页面:

• ~> Shop
• ~~> My Account
• ~~~> Logout

唯一有效的链接是“注销”(第 3 级菜单)。所有其他人都将被删除。很好，但我已经让我的菜单显示在 :hover 上。

所以问题是如何禁用点击功能(我不确定如何更好地解释它)。这是在悬停时启动 Bootstrap 的代码:

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.preventDefault() .. 等)，但它仍然会在悬停时打开菜单，当您单击带有子菜单的链接时，它会添加一个事件类并且什么都不做。所以上级菜单还不能用。

PS:这是最新版本的 nav walker，所以它删除了链接，但这并不是一个真正的问题，即使是旧版本也打破了这个问题。

Answer 1

当我为 Bootstrap 3 构建 wp_bootstrap_navwalker 时，它被构建为符合 Bootstrap 限制，其中父项没有关联的 URL，并且它仅支持一级下拉列表。 Bootstrap 2.3.2 的 walker ( https://github.com/twittem/wp-bootstrap-navwalker/tree/For-Bootstrap-2.3.2 ) 支持几乎无限的下拉菜单，但也不附加到父项的链接。

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

关于你的问题，我不清楚你想达到什么目的，如果你能把它说清楚一点，我很乐意帮助你。