Question

我有Bootstrap Popovers工作正常，但popover get附加到文档底部的 body ，而不是触发元素下面，就像在bootstrap文档中一样：{{ 3}}

任何人都知道如何控制弹出窗口的插入位置？或者至少，让它附加到触发元素父级？

这就是我所拥有的：

http://twitter.github.com/bootstrap/javascript.html#popovers

 <a href="#" class="btn" rel="popover" data-placement="top" 
  data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." 
  data-original-title="Popover on top">Popover on top</a>

jQuery的：

$("a[rel=popover]").popover();

建议？

Answer 1

该演示使用较新版本的bootstrap。更新到最新版本，它将按您的要求执行。

http://jsfiddle.net/qt34N/10/

jQuery(document).ready(function($) {
    $("a[rel=popover]").popover();
});

Answer 2

您是否按要求包含工具提示（bootstrap-tooltip.js）？ http://twitter.github.com/bootstrap/javascript.html#tooltips

将任何内容（如iPad上的内容）添加到任何元素中以容纳辅助信息。将鼠标悬停在按钮上以触发弹出窗口。 需要包含工具提示。

就展示位置而言，您可以在选项中进行设置：

$('#example').popover({placement:'top'})

或通过data属性：

data-placement="top"

Twitter Bootstrap Popover - DOM插入位置

2 个答案: