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上。

jQuery qTip IE调整大小问题

1 个答案: