Tooltipster插件 - 位置工具提示中心

Question

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

这是我的代码具有显示工具提示时，悬停的元素，而且运作良好

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

但是我想要的是该元素的中心显示工具提示正在徘徊。

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

ToolTipster位置文档：

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

有谁知道如何定位在元件的中心的提示？

Answer 1

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

这里处理程序functionReady：刚刚覆盖的工具提示与悬停元素的位置

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