Qtip2工具提示位置未在视口中显示

Question

我试图在视口中显示工具提示，但它在视口外显示。

这是小提琴http://jsfiddle.net/sarathsprakash/vN2z9/2/

码

$('#hi').qtip({

    position: {
        target: false,

        adjust: {

            method: 'invert invert',
        },
        viewport: $("#con")
    },
    content: {
        text: function (event, api) {
            $.ajax({
                url: '/echo/html/'
            })
                .then(function (content) {

                api.set('content.text', content);
            }, function (xhr, status, error) {
                api.set('content.text', status + ': ' + error);
            });

            return '<img src="http://www.keespeek.com/Assets/images/scoreIcons/preloader.gif"/>';
        }
    },
    tip: true 
});

请有人帮我解决这个问题。 提前致谢