jquery - Twitter Bootstrap Popover - DOM 插入位置

Question

我的 Bootstrap Popovers 工作正常，但是 popover get 附加到文档底部的正文，而不是在触发元素下方，就像它在引导文档中所做的那样：http: //twitter.github.com/bootstrap/ javascript.html#popovers

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

这是我所拥有的：

http://jsfiddle.net/qt34N/4/

 <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

该演示使用较新版本的引导程序。更新到最新版本，它将按照您的意愿执行。

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"