两个弹出框显示单个目标

问：

我有一个使用 jquery 和 bootstrap 的 rails 应用程序。表格标题具有“访问”，单击时应显示带有要编辑的表单的弹出窗口。这在初始页面加载时有效，但是在访问上方的选项卡之间单击，然后单击要编辑的访问后，将显示两个弹出窗口实例 -

• 一个正确地紧挨着目标元素，

• 一个浮动在视口的左上角，箭头元素在另一侧。

此外，两者中只有一个具有内容 div。另一个只有标题 div 和箭头。

如果未点击“模板、数量/结算”选项卡，弹出框会正确显示

<div class="popover visit-group-popover visit-group-194847-popover fade bs-popover-left show" role="tooltip" id="popover613837" x-placement="left" style="position: absolute; transform: translate3d(123px, 617px, 0px); top: 0px; left: 0px; will-change: transform;"><div class="arrow" style="top: 132px;"></div><h3 class="popover-header">Edit Visit <a href="#" class="close">×</a></h3><div class="popover-body"><form class="w-100 visit-group-form d-flex flex-column" id="edit_visit_group_194847" action="/visit_groups/194847" accept-charset="UTF-8" data-remote="true" method="post"><input name="utf8" type="hidden" value="✓"><input type="hidden" name="_method" value="patch"><input type="hidden" value="22386" name="visit_group[arm_id]" id="visit_group_arm_id">

在“模板、数量/账单”选项卡之间单击后

<div class="popover visit-group-popover visit-group-194847-popover fade bs-popover-left show" role="tooltip" id="popover694205" x-placement="left" style="position: absolute; transform: translate3d(529px, 744px, 0px); top: 0px; left: 0px; will-change: transform;"><div class="arrow" style="top: 14px;"></div><h3 class="popover-header">Edit Visit <a href="#" class="close">×</a></h3><div class="popover-body"></div></div><div class="popover visit-group-popover visit-group-194847-popover fade show bs-popover-right" role="tooltip" id="popover611305" x-placement="right" x-out-of-boundaries="" style="position: absolute; transform: translate3d(5px, 5px, 0px); top: 0px; left: 0px; will-change: transform;"><div class="arrow" style="top: 36px;"></div><h3 class="popover-header">Edit Visit <a href="#" class="close">×</a></h3><div class="popover-body"><form class="w-100 visit-group-form d-flex flex-column" id="edit_visit_group_194847" action="/visit_groups/194847" accept-charset="UTF-8" data-remote="true" method="post"><input name="utf8" type="hidden" value="✓"><input type="hidden" name="_method" value="patch"><input type="hidden" value="22386" name="visit_group[arm_id]" id="visit_group_arm_id">

我已经尝试了popper api修饰符，并在初始化新弹出框之前尝试了popover（'dispose'），但无法弄清楚它是如何发生的。