jquery - Bootstrap 工具提示未显示在正确位置的问题

Question

我有一张带有多个标记的 map 图像 - 每个具有 .marker 类的标记都是绝对定位的，并且父 div #map 是相对定位的 - 所以到目前为止还不错。

我正在使用Bootstrap我想要一个 tooltip当用户将鼠标悬停在其中一个标记上时要弹出的位置名称。工具提示将按预期显示并工作，只是它远离标记 - 它位于 #map div 的顶部。

关于如何将工具提示设置为显示在绝对定位的标记旁边/顶部，有什么想法吗？

如有任何帮助，我们将不胜感激，

伊恩

Answer 1

不确定这是否适用于您的代码(发布它？)

将其添加到您的 js 中:

$(function() {
  $('.marker').tooltip({placement: 'right'});
});

或者，如果您使用数据属性:

<div class="marker" data-toggle="tooltip" data-placement="right"></div>