HTML

Question

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

我遇到的事情：

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

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

更新：

即使我设置了.popover

，现在container: '#some-my-div' DIV最终会出现在正文中

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

Answer 1

很难知道你在问什么，特别是因为你没有提供任何代码示例。请阅读How do I ask a good question?

但是，为了向您展示容器选项使用的示例，我创建了一个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"});

Answer 2

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

当选定的容器滚动时，弹出窗口也会滚动，例如使用开启者按钮作为容器或靠近它的元素

<强> HTML

mMap.setOnMarkerClickListener(new GoogleMap.OnMarkerClickListener() {
    @Override
    public boolean onMarkerClick(Marker marker) {

        JsonObject markersMap = markersMap.get(marker);

        return false;
    }
});

<强> JAVASCRIPT

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

bootstrap popover中参数容器的用法？

2 个答案:

HTML

的Javascript