3

Masonryがスタイルを設定する機会が得られるまで（スタイルが設定されていないコンテンツの恐ろしいフラッシュを防ぐために）コンテンツを非表示にしてから、ローダーgifを非表示にします。コードスニペットは次のとおりです。

var $container = $('#deals');

$(window).load(function(){    
    $container.masonry({
        itemSelector : '.deals-wrapper',
        columnWidth : 0,
        isFitWidth: true
    });
},
function() {
    $container.show();
    $('#loader').hide();
});

ただし、.show（）が呼び出されたときに、Masonryがコンテンツに適用されていないことに気付きました。この質問で、Masonryの作成者は、現在Masonryコールバックが適切にサポートされていないことを示唆していることを知っています。誰かがまともな回避策を思いついたことがありますか？

ありがとう！

4

1 に答える 1

2

ロード中は css を使用して要素を非表示にすることができます。機能もあり.imagesLoaded()ます。私の最近の質問で例を見ることができます。

于 2012-02-10T12:42:15.360 に答える