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

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

1 голос
/ 22 марта 2012

Я использую 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("");
    }
});

Я пытался изменить positionBy на "auto" или "mouse", но он все еще не работает.,разве cluetip вообще не обрабатывает ссылку на правой стороне экрана?

1 Ответ

1 голос
/ 22 марта 2012

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

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

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

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

...