在移动导航上使用slideToggle时，jquery会断开链接

你好，我正在我的wordpress网站上制作一个移动导航菜单。我成功地创建了下拉列表，滑动切换工作正常，但在子菜单中链接断开。当你点击它们时，什么也没发生。在inspector中，它有正确的链接引用，但不会点击。在桌面上，链接可以正常工作。希望有人能帮忙。谢谢

下面是我的jquery

jQuery('#menu-main-menu-1 > .menu-item-has-children > .sub-menu').addClass('first-sub');
    jQuery('#menu-main-menu-1 .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu').addClass('last-sub');

    jQuery('#menu-main-menu-1 > .menu-item-has-children a').click(function(){
        jQuery(this).siblings('.first-sub').slideToggle();
        return false;
    });

    jQuery('#menu-main-menu-1 > .menu-item-has-children > .first-sub > .menu-item-has-children a').click(function(){
        jQuery(this).siblings('.last-sub').slideToggle();
        return false;
    });

下面是我的html代码

<?php wp_nav_menu( array('menu' => 'Main Menu' )); ?>

这将转换为html菜单中的

<ul id="menu-main-menu-1" class="menu">
        <li class="menu-item"><a href="link1">page1</a></li>
        <li class="menu-item menu-item-has-children"><a href="#">dropdown1</a>
            <ul class="sub-menu first-sub">
                <li class="menu-item"><a href="link2">page2</a></li>
                <li class="menu-item"><a href="link3">page3</a></li>
                <li class="menu-item"><a href="link4">page4</a></li>
            </ul>
        </li>
        <li class="menu-item"><a href="link5">page5</a></li>
        <li class="menu-item"><a href="link6">page6</a></li>
</ul>

我在卡尔·安德烈·加农的帮助下找到了解决方案。我所要做的就是删除“returnfalse”

z-index

？可能链接顶部有另一项，

z-index

仅适用于

位置

属性。我看不到

。菜单项有子项

，但问题是，在

中单击每个
a
时返回false。菜单项有子项

。假设该类位于

菜单项

元素上。最好是做

。菜单项有子项>a

@Karl AndréGagnon对不起，我删除了所有额外的类，以便阅读。第二个项目实际上有菜单项有子项。我会试试你的建议，然后再给你回复。谢谢@我认为z-index问题是可以解决的，因为当光标悬停在link@Karl-安德烈·加农：解决办法很简单。我只需要删除这两个实例上的“returnfalse”。谢谢你的帮助！