Bootstrap工具提示在初始悬停时处于错误位置,然后处于正确位置

我在网页上使用来自twitter bootstrap的工具提示.工具提示已初始化,但在第一次悬停时,它处于错误的位置; 但是,在随后的悬停中,工具提示处于正确的位置.

我认为问题出现了,因为工具提示附加的div是绝对定位的.

这是我的html中的div标签:

这是第一个悬停时工具提示的显示方式:

以下是在此之后每个悬停显示的方式:

(尺寸不仅仅改变截图裁剪尺寸)

应用于div的样式是:

#sample-menu {
  position: absolute;
  top: 95px;
  right: 608px;
}

我可能会以不同的方式定位div以使其工作,我只是想知道为什么工具提示似乎在绝对定位的div上完美地工作,但仅在第一次悬停之后.

**我在没有绝对定位的div上添加了一些工具提示,我遇到了同样的问题(工具提示的第一次出现从我的元素中删除,然后在第一次出现之后它是正确的).我在页面上有一个svg,其元素正在添加并使用javascript(d3)进行调整.在添加/调整所有页面元素之后,似乎需要调用某些东西来重新定位工具提示,但是,Bootstrap Tooltip或Tether重新定位解决方案都没有对我有用.

以下对我的工作提示涉及绝对定位:

$('[data-toggle="tooltip"]').tooltip({
   container: 'body'
});

我只是在页面上完成所有内容渲染后触发此脚本,一切都设置正常.此外,在工具提示更新的区域,我必须再次运行它.