css - 如何在单击而不是悬停事件时使基础菜单下拉？

Question

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

在 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>