Question

jsFiddle http://jsfiddle.net/fDavN/2761/

我理解为什么它不会通过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个工具提示彼此相邻，然后在最后一个我希望定位切换到“左上方”和相反的位置。

非常感谢任何帮助。谢谢你的时间！很棒的插件顺便说一句！

以下是SS的一些内容。

常规：http://i.imgur.com/bI3oR.jpg

截止http://i.imgur.com/wWhyq.jpg

编辑：添加了jsFiddle，链接到开发论坛http://craigsworks.com/projects/forums/thread-viewport-not-working-with-absolute-positioning?pid=12829#pid12829

再次感谢！

Answer 1

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

http://craigsworks.com/projects/forums/thread-viewport-not-working-with-absolute-positioning

QTip2：为什么视口无法使用绝对定位？

1 个答案: