javascript - 图像加载后弹出 Twitter Bootstrap Popover 未显示在正确位置

Question

我有一个问题，加载图像后我的指针标记不在正确的位置。我注意到一旦我将鼠标悬停在图像上它就在正确的位置，但是因为图像仅在 javascript 运行后加载，所以如果图像具有一定的宽度和高度，它会将“指针标记”向下推。

$("#prodImage").popover(
            {
              title: "#Title Here",
              trigger:"hover",
              content: "<img src='path_to_image' />",
              placement:'right'
            });

错误外观示例:

应该在 watch 所在的标志处。

Answer 1

这是默认行为。

在 CSS 中，箭头会自动位于框的中心，它的 top 属性是 50%。

.popover.right .arrow { top: 50%;}. 

您需要手动定位它。