Как сделать родительскую ссылку кликабельной в metisMenu - PullRequest
Новая
       8

Как сделать родительскую ссылку кликабельной в metisMenu

0 голосов
/ 10 мая 2018

Я пытаюсь изменить поведение metisMenu по умолчанию, чтобы, если в родительском меню есть ссылка, оно открывало ссылку, если пользователь щелкнул по ссылке, в противном случае показывалось бы открытое подменю, если пользователь нажимает на <.

metisMenu прекрасно работает для меня, но я заметил, что у меня также есть ссылка, связанная с родительским меню, которое должно быть активным, по умолчанию это невозможно.

Например, в этом примере Category меню также имеет пункты подменю. То, что я пытаюсь сделать, это то, что если пользователь нажимает на часть Category, то он должен перейти по ссылке на эту страницу или, если пользователь нажимает на <, то он должен показать меню.

Я ищу документ, но не могу найти много об этом. Есть ли способ сделать это в metisMenu https://github.com/onokumus/metisMenu

Пример кода ручки https://codepen.io/anon/pen/zjWodW

<ul class="metismenu" id="menu">
  <li><a href="index.html">HOME</a></li>
  <li><a href="">ABOUT US</a></li>
  <li><a href="htt://google.com">CATEGORY<span class="fa arrow"></span></a>
    <ul class="nav nav-second-level">
      <li><a href="#">Politics </a></li>
      <li><a href="#">Feature </a></li>
      <li><a href="#">Entertainment </a></li>
      <li><a href="#">Business </a></li>
      <li><a href="#">Region</a></li>
      <li><a href="#">Media</a></li>
    </ul>
 <!-- /.nav-second-level -->
  </li>
  <li><a href="">Contact US</a></li>
  <li><a href="">Menu something</a></li>
</ul>

Ответы [ 2 ]

0 голосов
/ 19 февраля 2019

Обертывание <span></span> вокруг вашего родительского тега (как рекомендовано lovemyjob) работает.

Я запускаю его на последней версии, и это решило мою проблему.Убедитесь, что его дочерние элементы развернуты автоматически, чтобы они всегда отображались, вы потеряете функциональность свертывания, которую предлагает родительский тег A при переносе его в диапазон.

0 голосов
/ 10 мая 2018

Быстрое и грязное исправление - создать еще один элемент span и поместить в него ссылку.Таким образом, вы скрываете <a href> от <li>, которое metisMenu будет рассматривать как раскрывающийся список. 

<ul class="metismenu" id="menu">
<li><a href="index.html">HOME</a></li>
<li><a href="">ABOUT US</a></li>
<li><a href="">
  <span class="fa arrow"></span>
    </a>
  <span>
    <a href="http://google.com" target="_blank">CATEGORY</a>
  </span>
<ul class="nav nav-second-level">
<li><a href="#">Politics </a></li>
<li><a href="#">Feature </a></li>
<li><a href="#">Entertainment </a></li>
<li><a href="#">Business </a></li>
<li><a href="#">Region</a></li>
<li><a href="#">Media</a></li>
</ul>
<!-- /.nav-second-level -->
</li>
  <li><a href="">Contact US</a></li>
  <li><a href="">Menu something</a></li>
</ul>

См. Кодовое примечание: https://codepen.io/anon/pen/PeRWXO

...