Javascript 调整浏览器窗口大小时动态更改popover位置

Javascript 调整浏览器窗口大小时动态更改popover位置,javascript,twitter-bootstrap,popover,Javascript,Twitter Bootstrap,Popover,我正在使用Twitter Bootstrap popover,我不知道如何在调整浏览器窗口大小时更改popover的位置dinamic。问题是,当我调整窗口大小时,popover保持固定位置。我想像其他html元素一样延迟popover 代码: 请看以下问题和答案: 您需要为调整大小事件使用事件处理程序: $(window).resize(function() { // your positioning code here }); 在此代码中,必须重新定位元素 这对我很有用。它为所

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

代码:


请看以下问题和答案:

您需要为调整大小事件使用事件处理程序:

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

在此代码中,必须重新定位元素

这对我很有用。它为所有可见的弹出窗口调用
show
事件:

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

$(window).on('resize',function(){/*在此处重新定位popover*/})解决方案:我知道这有点晚了,但我也遇到了同样的问题。这个答案也适用于我。但是,当我将popover放置设置为左侧或右侧时,它不会正确地重新定位popover。
$(window).off("resize").on("resize", function() {
    $(".popover").each(function() {
        var popover = $(this);
        if (popover.is(":visible")) {
            var ctrl = $(popover.context);
            ctrl.popover('show');
        }
    });
});