如何在单击而不是悬停事件时创建基础菜单下拉列表？

Question

使用Zurb Foundation，如何在顶部导航菜单中更改悬停时的默认下拉菜单以绑定到click事件？

在JavaScript控制台中，我可以使用以下方式手动触发事件：

$('.dropdown').click(); 

如何在Foundation中将其应用为默认覆盖？

Answer 1

通过向data-options="is_hover:false"元素添加简单的<nav>，可以将顶部栏更改为点击事件。您可能需要升级到最新版本才能访问此功能（截至2013年9月30日的版本4.3.2）。

<nav class="top-bar" data-options="is_hover:false">
  <ul class="title-area">
    <li class="name">
      <h1><a href="#">Top Bar Title </a></h1>
    </li>
    ...
  </ul>
</nav>