Tooltipster 插件 - 将工具提示置于中心位置答案

【问题标题】：Tooltipster plugin - position tooltip on centerTooltipster 插件 - 将工具提示置于中心位置
【发布时间】：2013-11-04 12:07:40
【问题描述】：

我正在使用 Tooltipster 插件 (http://calebjacob.com/tooltipster/#demos) 在悬停时显示我的工具提示。但是，工具提示仅显示在我悬停的元素的顶部/底部。

这是我在将鼠标悬停在元素上时显示工具提示的代码，效果很好

$(".tooltip").tooltipster({
  animation: "fade",
  delay: 200,
  theme: ".tooltipster-default",
  touchDevices: true,
  trigger: "hover",
  interactive: true,
  position: "top"
});

但是我想要的是在被悬停的元素的中心显示工具提示。

在 Tooltipster 文档中，“位置”选项不支持“中心”定位。

ToolTipster 位置文档：

 right, left, top, top-right, top-left, bottom, bottom-right, bottom-left

有人知道如何将工具提示定位在元素的中心吗？

【问题讨论】：

标签： jquery center tooltipster

【解决方案1】：

当工具提示准备好显示时，您可以通过覆盖 css 元素定位属性 left 和 top 来实现中心定位。

这里的处理函数函数Ready：只需用悬停元素的位置覆盖工具提示的位置

elem.tooltipster({
    arrow: false,
    functionReady: function(){
          var offset = $(this).offset();
          $(".tooltipster-base").offset(offset);
    },
    theme: 'tooltipster-shadow'
});

【讨论】：