带输入元素的 Foundation 6 下拉菜单

Question

我正在尝试在 founation 的下拉菜单中进行输入，但是一旦单击输入，整个菜单就会隐藏，我该如何实现这种行为？ 这是原始示例之一的代码笔，仅添加了输入：

<input />

https://codepen.io/anon/pen/RqyroK

Answer 1

要实现您想要的效果，您可以更改此行：

<ul class="dropdown menu" data-dropdown-menu>

为此：

<ul class="dropdown menu" data-dropdown-menu data-close-on-click-inside="false">

可以找到所有下拉插件选项的解释 here。