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

Question

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

逻辑上的父菜单不应该链接，因为它应该显示移动设备上的子菜单。而桌面版我们可以用这个悬停效果来对抗这个显示子菜单并点击父菜单也可以打开链接，但是在小屏幕上我们可以打开链接或者显示子菜单。

我现在的问题是，在小提琴示例（http://jsfiddle.net/y1dLdd1f/1/）我链接Parent 1曼尼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这个工作，你需要添加目标=“_空白”给你一个<标签>。