Question

您好我正在我的wordpress网站上制作移动导航菜单。我成功创建了下拉列表，幻灯片切换正常，但在子菜单中链接断开。当你点击它们时没有任何反应。在检查员中它有正确的链接参考，但不会继续点击。在桌面上链接工作正常。希望有人能提供帮助。谢谢！

下面的

是我的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>

Answer 1

我在Karl-AndréGagnon的帮助下找到了解决方案。我所要做的就是删除“return false”

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

1 个答案: