相关疑难解决方法(0)

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

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

这是我的html中的div标签:

<div class="btn-group" id="sample-menu" data-toggle="tooltip" data-placement="left" title="Tooltip on left">

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

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

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

应用于div的样式是:

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

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

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