我继承了一个带有boostrap导航菜单的WordPress网站。导航菜单下拉列表会悬停在桌面计算机上,并且会在点击移动设备时显示,这很棒。
但是,父项仍然链接到页面,因此,如果我在手机上查看该站点并单击顶级导航,则在将其发送到该父链接之前会短暂显示下拉列表。我可以将父链接设为#
,但仍会刷新页面。
我对JS知之甚少,但我无法找到他们使父项链接处于活动状态的代码。有人可以向我发一些代码,试图让父项链接没有链接到任何东西,但是当点击它们时仍然会出现下拉菜单吗?
<nav id="nav" role="navigation">
<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
</nav>
答案 0 :(得分:0)
有人给了我答案:
$(&#39; .menu-item-has-children&gt; a&#39;)。on(&#39; click&#39;,function(e){e.preventDefault();});
答案 1 :(得分:0)
我会使用href="#"
作为链接目标。除了你写的,它不刷新页面,但只跳到页面的顶部,这很可能就是你单击菜单项时的位置。