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で正常に機能します。

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

1 に答える 1

0

qTipフォーラムでヘルプをリクエストした後、Dustin Moore、Craig Thomson、および私はqTipプラグインの問題を特定することができました。この問題は、DustinによるqTipのフォークによって解決されました。このフォークは後でメインのqTipブランチに取り込まれ、アーカイブバージョンのqTipで利用できます。

qTipは進化してqTip2に移行し、この質問、回答、修正はqTip1.0を中心に行われていることに注意することが重要です。

于 2010-02-12T18:48:14.613 に答える