1

ロード時に 2 つの石積みブロックが重なる小さな問題があります。どちらのブロックにも、スクリプトを使用してコンテンツを追加する空の div が含まれています。1つはインスタグラムの最新画像を表示するインスタフィードで、もう1つは最新のツイートを表示するものです。ウィンドウのサイズを変更すると、うまく重なります。

以下の .imagesLoaded メソッドを使用してみましたが、何も変わりません。とにかくツイートブロックはただのテキストです。

<script>
$(document).ready( function() {

  var $container = $('#container').imagesLoaded( function() {
  $container.masonry({
    "gutter": ".gutter-sizer",
        "itemSelector": ".item",
        "stamp": ".stamp"

    });
  });

});
</script> 

以下を使用すると、IE9 を除くすべてのブラウザーで修正されます。

<script>
        $(window).load(function(){
        $('#container').masonry({
            "gutter": ".gutter-sizer",
            "itemSelector": ".item",
            "stamp": ".stamp"
        });
    });
</script>

他の 2 つのスクリプトの前に石積みをロードすることと関係があるのではないかと思いますが、解決方法がわかりません。

ご覧いただきありがとうございます。

4

0 に答える 0