javascript - 使用 Slicknav 时，链接在移动菜单上不起作用

Question

我有一个菜单。在桌面上，我悬停到 parent-link1 的默认菜单会打开一个下拉菜单，如果我单击 parent-link1，则会发生重定向。但是在使用 slicknav 的移动设备上，此链接不起作用，因为单击它会打开一个下拉列表。

你能建议你如何解决这个问题吗？比如使用双击或者什么通过点击li块和标签打开一个下拉菜单来实现链接的触发？

        <header class="header-section">
            <ul class="main-menu" data-id="menu">
                <li><a href="default-link">Home</a></li>
                <li>
                    <a href="parent-link1">Categories</a>
                    <ul>
                        <li><a href="cild-link1">cild 1</a></li>
                        <li><a href="cild-link2">cild 2</a></li>
                    </ul>
                </li>
            </ul>
            <div class="mobile-menu_wrapper"></div>
        </header>

生成的 slicknav 菜单

Answer 1

为我工作 allowParentLinks: true

$(options.menuClass).slicknav({
    appendTo: '.mobile-menu_wrapper',
    allowParentLinks: true
});