javascript - 单击时保持 Zurb Foundation 下拉菜单打开

Question

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

Answer 1

Juts 在 <ul> 中使用 aria-autoclose="false"标签(参见 documentation 中的自动关闭部分。

<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>