我有一个为桌面显示的主菜单
<?php
//Show the navigation menu
wp_nav_menu(array(
\'theme_location\' => \'primary-nav\',
\'menu_class\' => \'navigation d-block\',
\'walker\' => new My_Walker_Nav_Menu()
));
?>
这是手机菜单
<?php
//Show the navigation menu
if(wp_is_mobile()) {
wp_nav_menu(array(
\'theme_location\' => \'mobile-menu\',
\'menu_class\' => \'main-ul\'
));
}
?>
如何为移动菜单添加a href=“javascript:void(0)”?菜单为:
约˅
-儿童
消息
联系
我想如果在手机中单击“关于”时显示孩子,而不是将你链接到“关于”页面。
SO网友:Ideatron
如果你想用代码来解决这个问题,我认为你应该用javascript来解决。我建议您可以使用wp\\u is\\u mobile将类添加到HTML标记中
如果html标记上存在该类,请运行一些JS,使用$(“.CUSTOM-class-FOR-menu-ITEM”)之类的东西绑定到所有相关菜单项的单击。单击(e){e.preventDefault();}然后,这些菜单项上的链接将不起任何作用。
虽然我觉得better simple solution, 将添加自定义链接项目,其中链接只是# 标记什么也不做,但允许您:聚焦它,:悬停它等。You already have two separate menu locations declared in wordpress 为什么不构建两个不同的菜单并用custom link item 然后就不需要javascript了。