容器移动时的引导弹出位置

Posted 2023-05-08

【中文标题】容器移动时的引导弹出位置

【英文标题】：Bootstrap popover position when container moves

【发布时间】：2017-11-06 05:59:36

【问题描述】：

我在触发焦点上使用了 4 个引导弹出框。一次只显示一个弹出框。 单击锚标记时，父容器向左移动，但弹出框停留在其位置，并且不随容器移动。

如何使用容器移动弹出框。请提出建议。

【参考方案1】：

您必须提供一些代码 sn-ps，以便我可以进一步帮助您，但这是我的建议：

只使用一个弹出框，因为它更容易维护一个弹出框而不是 4 个弹出框的位置和可见性。使此弹出框全局可用。 创建自定义事件处理程序来更新您的弹出框。弹出框应该监听事件，并且锚标记父容器应该在移动时抛出事件。这样弹出框可以更新其位置。

【讨论】：

感谢您的回复...但我有 4 个不同的锚标签和 4 个不同的弹出框。同样，当单击左锚标记容器时，它会向右移动，当单击右锚标记容器时，容器会向左移动。但弹出框停留在原地不动