在放大/缩小或调整浏览器窗口大小时，Bootstrap Popover显示在错误的位置

Question

当我通过放大或缩小来重新调整任何浏览器的窗口大小时。 Popover没有更新位置并显示在错误的位置。

如何在重新调整/缩放浏览器窗口时更改Bootstrap Popover的位置/位置。

Answer 1

它似乎在Bootstrap 2.2.1中工作正常（除非我理解你的问题是错误的）。在http://twitter.github.com/bootstrap/javascript.html#modals尝试现场演示，看看这是否是您正在寻找的。我使用窗口的onresize事件来正确设置复杂模态及其内部的大小。

Answer 2

我尝试使用offset().top和outerHeight()重新定位，但遇到了问题。我的解决方案是简单地再次回忆一下popover的show事件：

    $(window).off("resize").on("resize", function() {
        $(".popover").each(function() {
            var popover = $(this);
            if (popover.is(":visible")) {
                var ctrl = $(popover.context);
                ctrl.popover('show');
            }
        });
    });

Answer 3

它在具有多个弹出框的页面上不起作用，因为它在窗口调整大小上显示所有弹出窗口