Сделайте изменение положения всплывающей подсказки пользовательского интерфейса jQuery после загрузки Ajax

Я пытаюсь реализовать всплывающую подсказку с загрузкой ajax, которая должна содержать таблицу HTML.

Сначала всплывающая подсказка отображает текст «загрузка ...» во время выполнения вызова ajax, а затем, когда данные HTML получены, они используются в качестве содержимого всплывающей подсказки.

Проблема в том, что положение всплывающей подсказки, кажется, вычисляется только в начале, когда отображается «загрузка ...», а не снова, когда содержимое всплывающей подсказки изменяется.

Всплывающие подсказки инициализируются следующим кодом:

$('.my_tooltip').each(function() {
    var $this = $(this),
        tooltip_url = $this.data('tooltip-url'),
        cache_id = tooltip_url || '',
        opts = $.extend({}, {
            content: function(done) {
                if (tooltip.cache[cache_id]) {
                    return tooltip.cache[cache_id];
                }

                if (tooltip_url) {
                    Ajax.get($this.data('tooltip-url'), {}, {
                        dataType: 'html',
                        success: function(data) {
                            tooltip.cache[cache_id] = data;
                            done(tooltip.cache[cache_id]);
                        },
                        error: function() {
                            done('Error while loading data!');
                        }
                    });

                    return 'Loading...';
                }

                return $this.attr('title');
            },
            items: $this,
            tooltipClass: $this.data('tooltip-class') || ('age-tooltip' + (!tooltip_id && !tooltip_url ? '-auto' : ''))
        }, options);

    $this.tooltip(opts);
});

Вот всплывающая подсказка при загрузке, на данный момент всплывающая подсказка соответствует области просмотра.

И вот как это выглядит после загрузки: вы видите, что всплывающая подсказка не изменилась автоматически, поэтому вы можете увидеть менее половины ее.

В этом случае, если бы он переместился над элементом всплывающей подсказки, он был бы полностью видим, однако даже если я позволю всплывающей подсказке исчезнуть, а затем снова переместить мышь, чтобы навести курсор, загрузив его из локального кеша всплывающих подсказок, он выиграет ' t репозиция.

Я изучил свойство position для всплывающей подсказки, однако, если возможно, я бы хотел избежать необходимости указывать его вручную и позволить плагину обрабатывать его автоматически.

Есть ли способ разместить всплывающую подсказку там, где большая ее часть будет видна после при загрузке ajax?

Обновлено:

Я попробовал решение @Stphane с положением {my: 'left top+15', at: 'left bottom', of: this, collision: 'flipfit'}, однако оно неправильно расположено, похоже, игнорирует часть top / bottom и вместо этого принимает сертификат, как показано здесь:

Заглянув в консоль, я вижу

Error: no such method 'instance' for tooltip widget instance

что, я думаю, может быть связано с тем, что мы все еще используем jQuery UI версии 1.10.4