0

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

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

IE 在使用 ajax 调用时阻止内容调整大小是怎么回事？

$(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(); }
        }
    });
});
4

1 回答 1

0

在qTip 论坛上请求帮助后， Dustin Moore、Craig Thomson 和我能够确定 qTip 插件的问题。Dustin 的 qTip分支解决了这个问题。这个分支后来被拉入主 qTip 分支，并在qTip 的存档版本中可用。

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

于 2010-02-12T18:48:14.613 回答