Question

我从Foundation中复制了以下内容以使Off Canvas子菜单正常工作：

<li class="has-submenu">
   <a href="#">Foo</a>
   <ul class="left-submenu">
      <li class="back"><a href="#">Back</a></li>
      <li><label>Level 1</label></li>
      <li><a href="#">Link 1</a></li>
   </ul>
</li>

当我点击Foo＆＃39;时，子菜单没有出现，我转到我的主页。我相信因为链接是#，而且是Angular使用的链接。有没有办法在这种情况下改变基金会对#的使用以使子菜单起作用？

Answer 1

我相信因为链接是#，这就是Angular使用的。

是的，你是对的。解决此问题的第一种可能性是turn on html5mode，但并非总是可行（例如，因为您的服务器设置）。

另一种解决方案是将href留空 - 如果您不需要锚点的哈希标记但只打开子菜单，则功能大致相同：

<li class="has-submenu">
   <a href="">Foo</a>
   <ul class="left-submenu">
      <li class="back"><a href="">Back</a></li>
      <li><label>Level 1</label></li>
      <li><a href="">Link 1</a></li>
   </ul>
</li>

Zurb Foundation Off Canvas子菜单不适用于Angular

1 个答案: