jQuery qTip IE调整大小问题

时间:2010-01-22 08:57:48

标签: jquery jquery-ui jquery-plugins qtip

我正在使用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(); }
        }
    });
});

1 个答案:

答案 0 :(得分:0)

requesting help on the qTip forums Dustin Moore之后,Craig Thomson和我能够确定qTip插件的问题。问题由qTip by Dustin的分支解决。此分支后来被拉入主qTip分支,可在archived versions of qTip中找到。

重要的是要注意qTip已经发展并转移到qTip2并且这个问题,答案和修复都集中在qTip 1.0上。