javascript - 即使使用容器 : 'body' set，Bootstrap 弹出窗口也未正确放置

Question

我在表格中有一个按钮可以切换弹出窗口。我已经设置了 data-container="body" 并且我已经尝试过使用 javascript 版本。

我的弹出框看起来像这样:(我点击了第一个按钮)

我的按钮代码在这里:

<button id="testsettracesBtn1" class="btn btn-large btn-danger" data-toggle="popover" title="" data-content="And here's some amazing content. It's very engaging. right?" data-original-title="A Title">Click to toggle popover</button>

这是我的 javascript:

<script type="text/javascript">
      $("#testsettracesBtn1").popover({ container: 'body'});
</script>

我怎样才能实现它来正确放置我的弹出窗口？ (是的，我有最新的 Bootstrap 版本。)

Answer 1

我遇到了同样的问题，但错误的根源是我的 Bootstrap 框架已经过时了。我升级到 2.3.2，container: 'body' 属性开始工作。

这让我很头疼……直到我发现问题不在我自己的代码中!