Javascript 响应菜单-带有链接的父菜单

我可能需要将父菜单链接到链接，而不是显示子菜单。现在我正在使用Slick菜单

http://slicknav.com/

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

我现在的问题是，在fiddle示例（）中，我将

parent1

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>

家长3










非链接项
家长2

Slick菜单有许多可用选项，包括“AllowParentLink”，您只需要

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

但要在JSFIDLE中显示这一点，您需要在标记中添加target=“\u blank”