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

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

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

2012-11-30 azeem

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

来源

2012-11-30 04:20:04 merlinbeard

是的！该示例工作正常。我的一个在页面上。如何通过reszie事件实现。请给出一些示例代码。由于 – azeem

我想这应该这样做： $（窗口）.resize（函数（）{ \t $（ '＃myModal'）的.css（ '的margin-top'，（$（ '＃myModal'）。（'margin-left'，（$（'＃myModal'）。outerWidth（）/ 2）* -1）; }）; – merlinbeard

嗯..意识到你的意思是popover，而不是模态:-)我给的样本是一个模态。 popover的想法是使用它显示的元素来引用它的位置。另一个简单的方法是确定调整大小时显示的弹出窗口，关闭它们并再次打开它们（以防它们具有静态文本）。 – merlinbeard

我试图用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'); 
      } 
     }); 
    });

来源

2015-12-09 20:07:12

它不具有多个popovers在页面上工作，因为它显示在窗口中的所有popvers调整

来源

2016-07-12 12:44:43 Muniraj

虽然这可能是解决问题的有价值的提示，但的答案确实需要比此更详细的信息。请提供 [编辑]以提供示例代码来展示您的意思。或者，请考虑将其写为注释。 –

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

回答

相关问题