单击时保持Zurb Foundation下拉列表处于打开状态

Question

我使用的是一个Foundation下拉菜单，里面有多个我需要交互的东西，包括colpick、添加和删除组件等。每当我执行这些操作时，下拉菜单都会关闭，因为它是一个下拉菜单。有没有一个好方法可以让下拉菜单忽略我的点击，只在我点击关闭按钮时关闭？

Answer 1

此foundation forum issue可能会帮助您

Answer 2

Juts在<ul>标记中使用aria- Autoclose ="false“(参见documentation中的Autoclose一节。

<a class="button" data-dropdown="autoCloseExample" aria-controls="autoCloseExample" aria-expanded="false">Link Dropdown &raquo;</a>
<ul id="autoCloseExample" class="f-dropdown" data-dropdown-content tabindex="-1" aria-hidden="true" aria-autoclose="false" tabindex="-1">
    <li><a href="#">This is a link</a></li>
    <li><a href="#">This is another</a></li>
    <li><a href="#">Yet another</a></li>
 </ul>