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

Foundation5 停止下拉菜单可点击

Foundation5 Stop Dropdown from Being clickable

html

javascript

css

zurb-foundation-5