menu - 鼠标悬停时的基础 4 部分垂直导航弹出菜单

Question

我正在尝试测试 zurb Foundation 4 css 框架。如果zurb的网站foundation 4 doc，它提到foundation 4使用部分来替换旧基础3的手风琴，标签和垂直导航和导航栏。但我找不到如何在鼠标悬停时制作垂直导航；我必须点击标题。如何在鼠标悬停时使垂直导航成为弹出菜单？鼠标悬停是相当标准的方法，我希望在基础 4 中有简单的方法来打开它。

Answer 1

目前

data-options="is_hover:true" 

不支持分段。您必须使用自定义 js才能使其工作。

我们试试看

$(".section").mouseenter(function(){
    $(this).toggleClass("active");
});

Answer 2

您可以在下拉目标上设置 data-options="is_hover" 以启用悬停。

检查此链接通过设置 is_hover 数据选项为下拉菜单添加悬停状态支持。