在调整浏览器窗口大小时动态更改弹出窗口位置

Question

我正在使用Twitter Bootstrap popover，我不知道如何在调整浏览器窗口大小时更改popover位置dinamic。问题是当我调整窗口大小时，弹出窗口保持固定在位置上。我想像其他html元素一样延迟popover。

代码：

$('#popover1').popover({
    html : true,
    content: function() {
        return $("#form").html();
    },
    placement: "top"
});

Answer 1

这对我有用。它为所有可见的弹出窗口调用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 2

查看以下问题和答案：

• Bootstrap Popover showing at wrong place upon zoom in/out or resizing Browser window
• jQuery position element based on window resize

您需要为resize事件使用事件处理程序：

$(window).resize(function() {
  // your positioning code here
});

在此代码中，您必须重新定位元素。