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

Question

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

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

Answer 1

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

Answer 2

它不适用于具有多个弹出框的页面，因为它会在窗口调整大小时显示所有弹出框

Answer 3

我试图自己重新定位它offset().top，outerHeight()但遇到了问题。我的解决方案是再次简单地回忆弹出框的show事件：

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