2014-11-25 5 views
0

Возможно, у меня есть требование, когда мне нужно связать родительское меню со ссылкой, а не показывать подменю. Прямо сейчас я пользуюсь Slick Menu 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> 

ответ

2

Slick меню имеет ряд доступных опций, включая «allowParentLinks», все, что вы потребность должна быть, ...

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

Но чтобы показать эту работу в JSFiddle вам нужно будет добавить цель = «_blank» Вам < > тег.

Смежные вопросы