jQuery PNotify - как изменить направление подсказки близко к границе
Я использую подсказку PNotify с пользовательским классом CSS при наведении на элемент:
tooltip = new PNotify({
title: false,
text: pin_text,
hide: false,
buttons: {
closer: false,
sticker: false
},
icon: false,
addclass: 'custom-tooltip',
history: {
history: false
},
animate: {
animate: true,
in_class: 'fadeIn',
out_class: 'fadeOut'
},
animate_speed: 'fast',
icon: false,
stack: false,
auto_display: false
});
var x = e.clientX + 25;
var y = e.clientY - 25;
tooltip.open();
tooltip.get().css({
'left': x,
'top': y
});
и CSS:
.ui-pnotify.custom-tooltip .ui-pnotify-container {
position: relative;
top: 0;
left: 0;
background: rgba(0,153,255,0.7) !important;
background-image: none !important;
border: none !important;
padding: 20px;
}
Подсказка располагается на 25 пикселей справа от элемента и выходит за пределы родительской границы, если сам элемент расположен близко к границе.
Как я могу измерить ширину поля подсказки (div) и поменять его направление с отображения справа на отображение слева и при этом оставаться в пределах границы родительского кадра?