如何在Foundation 6中重建Foundation 5下拉菜单？

Question

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

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

prolem是唯一一个带有下拉元素的菜单项，在我的示例中向右飞出。

据我所知，我的菜单正在使用dame类和数据属性。

这里有什么问题？如何让菜单实际下拉？

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

Answer 1

这是一个很快就会修复的错误。以下是一位领先的基金会开发人员所说的话：

  

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

     

我们将在本周尝试解决这个问题，因为它非常迫切。

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

如果你使用下面的代码，从<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> 看起来箭头指向错误的方向，但是下拉列表以正确的方向（向下）飞出。

{{1}}