Twitter Bootstrap Popover – DOM插入位置

我有Bootstrap Popovers工作正常，但是popover get附加到文档底部的body ，而不是触发元素下面，就像在bootstrap文档中一样： http ： //twitter.github.com/bootstrap/ javascript.html＃popovers

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

这就是我所拥有的：

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

Popover on top 

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上的内容）到任何元素以容纳次要信息。 将鼠标hover在按钮上以触发弹出窗口。 需要包含工具提示 。

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

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

或通过data属性：

 data-placement="top"