Question

当我将鼠标悬停在下拉列表上时：

除非点击它们，否则它们不会打开。该网站是使用Foundation5（FoundationPress）构建的，我无法弄清楚如何禁用此行为，以便在悬停时显示下拉列表。

由于

Answer 1

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

<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停止下拉可点击

1 个答案: