使WordPress Boostrap菜单顶部链接不是一个链接

时间:2018-01-23 15:49:56

标签: wordpress twitter-bootstrap drop-down-menu navigation

我继承了一个带有boostrap导航菜单的WordPress网站。导航菜单下拉列表会悬停在桌面计算机上,并且会在点击移动设备时显示,这很棒。

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

我对JS知之甚少,但我无法找到他们使父项链接处于活动状态的代码。有人可以向我发一些代码,试图让父项链接没有链接到任何东西,但是当点击它们时仍然会出现下拉菜单吗?

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

2 个答案:

答案 0 :(得分:0)

有人给了我答案:

$(&#39; .menu-item-has-children&gt; a&#39;)。on(&#39; click&#39;,function(e){e.preventDefault();});

答案 1 :(得分:0)

我会使用href="#"作为链接目标。除了你写的,它不刷新页面,但只跳到页面的顶部,这很可能就是你单击菜单项时的位置。