使 WordPress Bootstrap 菜单顶部链接不是链接

Question

我继承了一个带有 boostrap 导航菜单的 WordPress 网站。导航菜单下拉菜单出现在桌面计算机上悬停时，它们出现在点击移动设备时，这很棒。

但是，父项仍链接到页面，因此如果我在手机上查看该网站并单击顶级导航，下拉菜单会在将我发送到该父链接之前短暂显示。我可以将父链接设为#，但这仍会刷新页面。

我对 JS 知之甚少，我找不到他们使父项链接处于活动状态的代码。有人可以向我拍摄一些代码以尝试使父项链接不链接到任何内容，但在单击它们时仍然会出现下拉菜单？

<nav id="nav" role="navigation">              
     <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
</nav>

Answer 1

有人给了我答案：

$('.menu-item-has-children > a').on('click', function(e) { e.preventDefault(); });

Answer 2

我会使用href="#" 作为链接目标。除了您写的以外，它不会刷新页面，而只会跳转到页面顶部，这很可能是您单击菜单条目时所在的位置。