Question

我在WordPress中有一个菜单，其中父菜单项链接到登录页面。我想要在移动设备上禁用此链接。当前，在移动设备上单击时，父项都链接到另一个页面并显示下拉菜单，所以这是竞赛...

我尝试使用媒体查询和指针事件：没有，但是在手机上测试时似乎什么也没做。当然，子菜单链接必须继续起作用。

谢谢！

 <div class="mobile-nav"><i class="glyphicon glyphicon-menu-hamburger"></i></div>
<nav id="nav" role="navigation">              
    <ul id="menu-header-menu" class="menu">
        <li id="menu-item-733" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-733"><a href="#">Company</a>
            <ul class="sub-menu">
                <li id="menu-item-224" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-224"><a href="#">Press/News</a></li>
                <li id="menu-item-323" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-323"><a href="#">Newsletter</a></li>
                <li id="menu-item-405" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-405"><a href="#">Company History</a></li>
            </ul>
        </li>
    </ul>           
</nav>

Answer 1

由于您使用的是WP，并且包含jQuery，为什么不试试呢？将1023更改为您的手机断点。

(function($)({
 $(function(){
    if($(window).width() < 1023){
      $('.menu-item-has-children').click(function(e){
        e.preventDefault();
      });
    }
 });
})(jQuery);

在移动设备上禁用父导航链接

1 个答案: