0

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

再次感谢！

4

1 回答 1

0

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

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

于 2012-02-29T15:24:36.143 回答