如何在metisMenu中使父链接可单击

时间:2018-05-10 11:10:36

标签: javascript html css metismenu

我正在尝试更改metisMenu的默认行为,以便如果父菜单有链接,那么如果用户点击链接则会打开链接,否则如果用户点击<则会显示打开的子菜单。 / p>

metisMenu对我来说很好,但我注意到我还有与父菜单相关联的链接,应该是可点击的,默认情况下是不可能的。

例如,在此示例中,Category菜单也包含子菜单项。我想尝试odo的是,如果用户点击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>

1 个答案:

答案 0 :(得分:1)

<span></span>包裹在您的父母A标签周围(如建议的lovemyjob)确实有效。

我正在最新版本上运行它,它解决了我的问题。确保将其子级自动展开以使其始终显示,当将其包裹在一个范围内时,您将失去父级A标签提供的折叠功能。