PopOver自动调整位置

我正面临PopOver的问题。 我想让它在所有位置自动调整。 如果它没有在右侧找到空间，则在左侧打开。 但我希望它能为顶部/底部做同样的事情。 即如果它没有在顶部找到空间，它应该在底部打开，反之亦然。 我有什么方法可以为所有方面做到这一点？

$('[data-toggle="popover"]').popover({ trigger: 'manual', placement: 'auto right' }) 

HTML

Answer 1

您应该能够将placement选项用作字符串或返回字符串的函数 ：

 $('[data-toggle="popover"]').popover({ trigger: 'manual', placement: function (context, source) { var position = $(source).position(); if (position.left > 515) { return "left"; } if (position.left < 515) { return "right"; } if (position.top < 110){ return "bottom"; } return "top"; } }); 

对于上下文，此代码的来源是根据与窗口边缘相关的弹出窗口X位置更改Bootstrap弹出窗口的位置？ （声明归属不是必需的 - 只需将其作为资源添加）。