Foundation5停止下拉菜单可点击

Question

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

有问题的网站

除非单击它们，否则它们不会打开。该网站是使用Foundation5（FoundationPress）创建的，我不知道如何禁用这种行为，而让下拉列表显示在悬停状态。

感谢

Answer 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