14

在我在互联网上找到的大多数情况下，container设置为'body'

我遇到的：

bootstrap popover 显示在固定的 div 内容上，当您滚动页面时，popover 也会移动。

我将 param 容器更改为我的特定 DIV #search-filter-container，没有任何改变。

更新：

即使我设置了，现在.popoverDIV 终于出现在体内了container: '#some-my-div'

  <div class="popover fade right in" style="top: 429.5px; left: 680px; display: block;">
    code details...
  </div>
</body>
4

2 回答 2

15

很难知道你在问什么，尤其是因为你没有提供任何代码示例。请阅读我如何提出一个好问题？

但是，为了向您展示容器选项使用的示例，我创建了一个JSFiddle。

注释掉每一行 javascript 以查看不同的效果（在结果框中上下滚动）。更改代码时不要忘记按运行。

HTML

<div style="height: 100px;">
    <br />Static text.</div>
<div style="position: fixed; width: 100%;" id="fixed-div">
    <button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus
sagittis lacus vel augue laoreet rutrum faucibus." id="popover">Popover</button>
</div>
<div style="height: 2000px;"></div>

Javascript

// comment this
$('[data-toggle="popover"]').popover({container: "body"});

// uncomment this
//$('[data-toggle="popover"]').popover({container: "#fixed-div"});
于 2014-05-27T05:47:25.053 回答
5

在容器属性中使用 CSS 选择器。

When the selected container scrolls, the popover will scroll too, for instance use the opener button as container, or an element near it

HTML

<button type="button" class="btn btn-primary" data-container="#popover-button" data-toggle="popover" ... id="popover-button">Open popover</button>
</div>

JAVASCRIPT

$('#popover-button').popover({container: "#popover-button"});
于 2017-08-26T09:04:11.270 回答