将HREF添加到移动导航菜单中的<a>标签

时间:2018-07-27 作者:TestimiUEB

我有一个为桌面显示的主菜单

<?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)”?菜单为:

约˅

-儿童

消息

联系

我想如果在手机中单击“关于”时显示孩子,而不是将你链接到“关于”页面。

1 个回复
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了。

结束

相关推荐

Disable wp_is_mobile()

我的网站有一个移动版本,我使用了wp\\u is\\u mobile()。我将在移动设备上有一个按钮,允许用户在移动和原始版本之间切换。有没有办法禁用wp\\u Is\\u mobile()?或者我可以告诉php,移动设备不是移动设备。感谢您抽出时间。注意:我不想使用display:none或其他css。我需要的内容不出现在任何方式的移动版本。