Работает ли cluetip по ссылке в правом верхнем углу страницы?

Question

Я использую jquery cluetip, и у меня есть ссылка в верхней правой части страницы, и когда я нажимаю ее, я хочу, чтобы подсказка инструмента отображалась внизу, где я нажимаю, но вместо этого она отображается либо в в середине экрана или в верхней части экрана. Вот мой код:

$('#personName').cluetip({ 
    width: '500px', 
    showTitle: false, 
    topOffset: 25, 
    leftOffset: 5, 
    positionBy: 'bottomTop', 
    cluetipClass: 'jtip', 
    activation: 'click', 
    closeText: '<img src="/Content/Images/Icons/cross.png" alt="close" />Close', 
    hoverIntent: { 
     sensitivity: 7, 
     interval: 100, 
     timeout: 500 
    }, 
    sticky: true, 
    mouseOutClose: true, 
    ajaxSettings: { 
     dataType: 'json' 
    }, 
    ajaxProcess: function (data) { 

     var html = []; 
     html.push(data.Person.Name); 
     return html.join(""); 
    } 
}); 

Я попытался сменить позициюВыберите «авто» или «мышь», но он все еще не работает. , cluetip просто не обрабатывает ссылку в правой части экрана?

Answer 1

Похоже, что cluetip имеет проблемы с обработкой ссылок с правой стороны, когда размер не подходит к экрану.

Я попытался использовать positionBy: 'mouse' с leftOffset и topOffset и получил его, чтобы он слегка появился в нижней части нижней части ссылки. Посмотрите на второй div в http://jsfiddle.net/neo108/9CV6t/.

Надеюсь, это поможет.

Возможно, вы можете играть с левым и верхним смещениями и позиционировать его по своему усмотрению.