0

我正在尝试更改 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>
4

2 回答 2

2

快速而肮脏的修复是创建另一个跨度元素并将链接放置在其中。因此，您隐藏<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>

见codepen：https ://codepen.io/anon/pen/PerRWXO

于 2018-05-10T12:02:33.110 回答
1

包裹<span></span>你的父母 A 标签（如推荐的lovemyjob）确实有效。

我在最新版本上运行它，它解决了我的问题。确保其子项自动展开，以便它们始终显示，当将其包装在跨度中时，您将失去父 A 标签提供的折叠功能。

于 2019-02-18T21:20:59.723 回答