Javascript 调整浏览器窗口大小时动态更改popover位置
我正在使用Twitter Bootstrap popover,我不知道如何在调整浏览器窗口大小时更改popover的位置dinamic。问题是,当我调整窗口大小时,popover保持固定位置。我想像其他html元素一样延迟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 }); 在此代码中,必须重新定位元素 这对我很有用。它为所
请看以下问题和答案:
$(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');
}
});
});