使用多个选择手动关闭Bootstrap下拉列表

Question

我有这样一个下拉菜单：

它工作正常，但我需要添加一个手动Close按钮，类似于：

这样Dropdown关闭就像我点击页面上任何其他位置一样。

我查看了Bootstrap手册并搜索了Google，但无法找到解决方案。

有什么想法吗？

Answer 1

您可能需要尝试以下操作（将其放在on-click中）：

$('[data-toggle="dropdown"]').parent().removeClass('open');

因此，您的按钮看起来像：

<button onclick="$('[data-toggle="dropdown"]').parent().removeClass('open');"> x </button>