툴팁 플러그인 - 가운데에 툴팁 위치 지정

Question

툴팁 플러그인 (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 

아무도 요소의 중심에 툴팁을 배치하는 방법을 알고 있습니까?

Answer 1

툴팁을 표시 할 준비가되면 왼쪽 및 위의 css 요소 위치 지정 특성을 재정 의하여 중심 위치를 지정할 수 있습니다.

다음 핸들러 functionReady 다음에 공중 선회 요소의 위치

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