Javascript QTip2：为什么视口不能与绝对定位一起工作？

JSFIDLE

我理解为什么它不能通过css实现，但不确定同样的行为是否也适用于这个工具提示插件

initializeToolTip: function () {
    $(".offer-item").each(function () {
        $(this).hover().qtip({
            content: {
                text: 'loading...',
                title: {
                    button: true
                },
                ajax: {
                    url: '/Fakepath/ToolTips/ToolTipHover',
                    type: 'GET'
                }
            },

            style: {
                classes: { tooltip: 'auction-item-tooltip' }
            },

            show: {
                solo: true
            },

            position: {                
                viewport: $(window),
                target: $(this),
                my: 'top right',
                at: 'top right',
                adjust: {
                    method: 'flip flip',
                    x: 280,
                    y: -20
                }
            },

            hide: 'unfocus'

        });
    });

},

initializeCloseToolTip: function () {
    $('a.close-tooltip').live("click", function (e) {
        e.preventDefault();
        $(this).parents('.qtip').qtip('hide');
    });
}

试图让最后一个元素在窗口外翻转，但没有效果。一直在查看position.container和viewport，但没有结果。有人知道我做错了什么吗？我有5个工具提示彼此相邻，然后在最后一个上，我希望定位切换到“左上”和相反的定位

非常感谢您的帮助。谢谢你的时间！棒极了

下面是一些正在发生的事情

常规：

切断

编辑：添加了JSFIDLE，链接到开发论坛

---

再次感谢

根据作者的说法，视口和绝对定位选项不能同时工作