Foundation5 阻止下拉菜单被点击

【问题标题】：Foundation5 Stop Dropdown from Being clickableFoundation5 阻止下拉菜单被点击
【发布时间】：2015-11-13 22:31:54
【问题描述】：

当我将鼠标悬停在下拉菜单上时：

Website with Issue

除非被点击，否则它们不会打开。该网站是使用 Foundation5 (FoundationPress) 构建的，我无法弄清楚如何禁用此行为以使下拉菜单出现在悬停时。

谢谢

【问题讨论】：

标签： javascript html css zurb-foundation-5

【解决方案1】：

尝试使用通过data-options 属性访问的菜单上的可悬停下拉选项。下面以您的一些内容为类似约定：

<a href="#" data-dropdown="hover1" data-options="is_hover:true; hover_timeout:5000">Course Locations</a>

    <ul id="hover1" class="f-dropdown" data-dropdown-content>
      <li><a href="#">Brampton</a></li>
      <li><a href="#">Burlington</a></li>
      <li><a href="#">Hampton</a></li>
      <li><a href="#">etc.</a></li>
    </ul>

您可以设置hover_timout 以毫秒为单位，以在将鼠标移出该区域后延迟关闭。

这里的文档：http://foundation.zurb.com/docs/components/dropdown.html

【讨论】：