javascript - 如何将 Bootstrap 数据容器设置为特定 ID

Question

我试图制作一个 Bootstrap 弹出窗口。为此，我根据 Bootstrap 指南编写了以下代码。

我正在使用 Bootstrap 3.1.0。

<input id="shelfLifeField" type="text" placeholder="Use-By" class="form-control first" data-container="body" data-toggle="popover" data-placement="bottom" data-html="true" data-content="<div class='row'>this is just for text</div>"/>

它工作正常，但问题是 popover content 附加到 body。我在 Bootstrap 文档中发现我可以通过 data-container 属性进行控制。

  data-container="#anotherDivId"

实际上我想将弹出窗口内容附加到特定的 div ("anotherDivId") 而不是附加到 body。

我的想法失败了，所以任何人都可以帮助我。

谢谢。

Answer 1

data-container="#anotherDivId" 是正确的，应该可以工作。

要小心，如果#anotherDivId 被隐藏(display:none)，那么弹出窗口将不起作用