ロード時に 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 つのスクリプトの前に石積みをロードすることと関係があるのではないかと思いますが、解決方法がわかりません。
ご覧いただきありがとうございます。