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

Posted 2023-04-13

【中文标题】使 WordPress Bootstrap 菜单顶部链接不是链接

【英文标题】：Make WordPress Boostrap menu top link not a link

【发布时间】：2018-07-02 12:13:51

【问题描述】：

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

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

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

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

【参考方案1】：

有人给了我答案：

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

【参考方案2】：

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