如何在 Foundation 6 中重新创建 Foundation 5 下拉菜单？答案

【问题标题】：How to recreate Foundation 5 drop down menus in Foundation 6?如何在 Foundation 6 中重新创建 Foundation 5 下拉菜单？
【发布时间】：2016-01-28 12:14:52
【问题描述】：

我一直在尝试在 Foundation 6 站点中重新创建 Foundation 5 响应式下拉菜单：http://oshawasand.bigblockstudios.ca/

按照这个例子 [来自 ZURB]：http://zurb.com/building-blocks/f6-top-bar

在我的示例中，

prolem 是唯一一个下拉元素向右飞出的菜单项。

据我所知，我的菜单完全使用了 dame 类和数据属性。

这里有什么问题？如何让菜单真正下拉？

[我已经尝试过使用基础 6.0.0 和 6.1.2 两个版本的菜单示例 - 两者都有同样的问题]

【问题讨论】：

标签： zurb-foundation

【解决方案1】：

这是一个很快就会修复的错误。以下是基金会的一位主要开发人员不得不说的话：

发生这种情况是因为下拉插件看到 .vertical 类并假设菜单是垂直的，而忽略了 *-horizontal 类。

我们将在本周尝试解决这个问题，因为它相当紧迫。

来源：https://github.com/zurb/foundation-sites/issues/7978

看起来6.1.1 上的箭头指向错误的方向，但如果您使用下面的代码（取自上面的链接），下拉菜单会朝正确的方向（向下）飞出。

<ul class="vertical medium-horizontal menu" data-responsive-menu="accordion medium-dropdown">
  <li>
    <a href="#">Item 1</a>
    <ul class="vertical menu">
      <li><a href="#">Item 1A</a></li>
      <li><a href="#">Item 1B</a></li>
      <li><a href="#">Item 1C</a></li>
      <li><a href="#">Item 1D</a></li>
      <li><a href="#">Item 1E</a></li>
    </ul>
  </li>
</ul>

【讨论】：