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) и поменять его направление с отображения справа на отображение слева и при этом оставаться в пределах границы родительского кадра?

0 ответов

Другие вопросы по тегам