Javascript 从打开的Bootstrap 3下拉菜单切换到其他下拉菜单需要在手机上额外点击

当一个引导下拉列表打开时，打开另一个下拉列表需要点击两次。这是因为叠加div会吞下所有其他输入，以关闭第一个下拉列表

这是一个已知的错误。根据引导程序：

在移动设备上，打开下拉菜单会添加一个.dropdown背景作为背景 在菜单外点击时，点击用于关闭下拉菜单的区域，a 对适当iOS支持的要求。这意味着从 打开下拉菜单到其他下拉菜单需要额外点击 在手机上

然而，这种行为并不一致。背景覆盖是而不是应用于

.navbar nav

中的下拉列表，据我所知，在我的iPhone（Safari）上，一切似乎都很好

看看这个，看看不同的行为

---

有人知道更多关于iOS特定问题的信息吗？有人有与浏览器兼容的解决方案吗？

我在这篇文章中发布了一些潜在的解决方案

1） 隐藏背景

.dropdown-backdrop {
    display: none;
}

2） 将

.navbar nav

应用于下拉列表（并删除负边距）

在Windows（Chrome）和iPhone（Safari）上工作。再也没有测试过了。有人知道这些方法有什么问题吗？这似乎太容易了…

显然，这是由于在iOS Safari中“单击”事件没有正确地冒泡到正文中，这将使引导程序无法通过一个全局处理程序侦听单击。似乎为Bootstrap 4添加了不同的解决方法，因此不再需要背景：