javascript - 响应式菜单 - 带链接的父菜单

Question

我可能有一个要求，我必须将父菜单链接到一个链接而不是显示子菜单。现在我正在使用 Slick Menu http://slicknav.com/

逻辑上不应链接父菜单，因为它应该在移动设备上显示子菜单。虽然桌面版本我们可以用悬停效果来解决这个问题，可以显示子菜单，点击父菜单也可以打开链接，但在小屏幕上我们可以打开链接或显示子菜单。

我现在的问题是，在 fiddle 示例 ( http://jsfiddle.net/y1dLdd1f/1/ ) 中，我将 Parent 1 meny 链接到 google.com，但脚本阻止了它。我怎样才能取消阻止它，当用户点击它时，如果父菜单有正确的链接，它会打开页面而不是显示子菜单

<ul id="menu">
    <li><a href="http://www.google.com">Parent 1</a>
        <ul>
            <li><a href="#">item 3</a></li>
            <li>Parent 3
                <ul>
                    <li><a href="#">item 8</a></li>
                    <li><a href="#">item 9</a></li>
                    <li><a href="#">item 10</a></li>
                </ul>
            </li>
            <li><a href="#">item 4</a></li>
        </ul>
    </li>
    <li><a href="#">item 1</a></li>
    <li>non-link item</li>
    <li>Parent 2
        <ul>
            <li><a href="#">item 5</a></li>
            <li><a href="#">item 6</a></li>
            <li><a href="#">item 7</a></li>
        </ul>
    </li>
</ul>

Answer 1

光滑的菜单有许多可用的选项，包括“allowParentLinks”，您所需要的应该是...

$(document).ready(function(){
    $('#menu').slicknav({
        allowParentLinks:"true"
    });
});

但要在 JSFiddle 中显示此功能，您需要将 target="_blank"添加到 标记中。