10

我在表格中有一个按钮，可以切换弹出框。我已经设置了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>

我怎样才能实现它来正确放置我的弹出框？（是的，我有最新的引导程序版本。）

4

2 回答 2

8

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

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

于 2013-09-23T23:36:18.183 回答
6

这种奇怪的行为是由于select我的表中的许多元素引起的。我不知道为什么？max-width在单击按钮后，我只是将弹出框的宽度更改为。使用正确的宽度，箭头也位于右侧：

$(document).ready(function(){    
    $("[id^=kommentareBtn-]").popover({ container: 'body', placement: 'bottom', html: true });

    //this fixed my problem...
    $("[id^=kommentareBtn-]").click(function() {
      $(".popover").css("width", "276px");
    });
});
于 2013-06-26T08:33:49.583 回答