jQuery qTip IE 调整大小问题

Question

我正在使用qTip (jquery.qtip-1.0.0-rc3.min) 和 jQuery (jquery-1.3.2)。

在 IE 中使用带有非动态加载内容的 qTip 时，qTip 可以正常工作。但是，当通过 ajax 调用加载内容时，加载内容后 qTip 内容不会调整大小。我尝试在各种回调上添加 updateWidth ，但没有任何运气。事实上，当使用 updateWidth 时，我会在 qTip 内容的左上角看到一个小白框。相同的代码在 Safari、Firefox 和 Opera 中运行良好。

在使用 ajax 调用时，IE 中的内容无法调整大小是怎么回事？

$(document).ready(function() {
    $('ul.person_info li:first-child').each(function() {
        $(this).qtip({
            show: 'mouseover',
            hide: 'mouseout',
            style: {
                name: 'cream'
            },
            content: {
                url: '<%= Url.Action("FindPerson", "People") %>',
                data: { id: $(this).attr('id') },
                method: 'get'
            }
        });
    });

    $('ul.person_info li:first-child').qtip({
        api: {
            onContentUpdate: function() { this.updateWidth(); },
            onContentLoad: function() { this.updateWidth(); },
            beforeContentLoad: function() { this.updateWidth(); }
        }
    });
});

Answer 1

在requesting help on the qTip forums Dustin Moore 之后，Craig Thomson 和我发现了 qTip 插件的问题。该问题已通过 qTip by Dustin 的分支解决。这个分支后来被拉入主 qTip 分支，并在 archived versions of qTip 中可用。

重要的是要注意 qTip 已经发展并转移到 qTip2 并且这个问题、答案和修复以 qTip 1.0 为中心。