jQuery-ui-tooltip箭头位置

Question

I'm using jquery-ui-tooltip. And I want the tooltip arrow (connector/triange) to change its position according to where the tooltip appears. Now it's fixed to left bottom, that causes issue like on pic below.



The site is here: http://g1un.ru/navystavke/

Maybe somebody can offer a better plugin.

Answer 1

You can set the position of UI tooltip according to your need.

Default: { my: "left top+15", at: "left bottom", collision: "flipfit" }

Ex:

$( ".selector" ).tooltip({
  position: { my: "left+15 center", at: "right center" }
});

I think this can help you. Reference