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("");
    }
});

我已经尝试将positionBy更改为“auto”或“mouse”但它仍然无法正常工作。 。 cluetip根本不处理屏幕右侧的链接吗？

Answer 1

当尺寸不适合屏幕时，看起来cluetip无法处理右侧的链接。

我尝试将positionBy: 'mouse'与leftOffset和topOffset一起使用，并将其略微显示在链接的左下方。查看http://jsfiddle.net/neo108/9CV6t/中的第二个div。

希望它有所帮助。

您可以使用左侧和顶部偏移进行游戏，并根据需要进行定位。