引导选择 - 使用 data-container="body" 破坏功能

Question

我遇到了 Bootstrap select 在另一个 div 下的问题，并在以下问题中找到解决该问题的解决方案： Bootstrap-Select opens option under the div

解决方案建议将data-container="body"添加到Bootstrap select，它解决了这个问题但对引导功能产生了副作用：

1. select 打开时，在其范围之外单击不会将其关闭。
2. select 打开时，单击select 本身（原框）不会关闭它。
3. 在尝试 1 和 2 中描述的功能时，select 几乎完全卡住，即使现在单击有效的 option 也不会关闭 select。

如果在select 上不使用data-container="body"，这一切都不会发生，但是我遇到了原来的问题。 如果有人知道发生了什么，我需要帮助。

Answer 1

我修改了一行代码，解决了选择菜单打开后不关闭的问题。

bootstrap-select.js 第 1002 行。

原代码

.toggleClass('open', !$this.hasClass('open'))

我修改后的代码

.toggleClass('open')

其他人也许可以对此进行权衡并解释原因。