当我将鼠标悬停在下拉菜单上时:
除非单击它们,否则它们不会打开。该网站是使用 Foundation5 (FoundationPress) 构建的,我无法弄清楚如何禁用此行为以支持在悬停时显示下拉菜单。
谢谢
最佳答案
尝试在通过 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
关于javascript - Foundation5 停止下拉菜单可点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33693744/