砌體磚堆疊在一起，直到Wordpress上的頁面大小調整

Question

我發現其實在StackOverflow上有這個問題，但他們沒有解決我的問題，所以我在這裏試着問。

當我加載頁面時，所有磚石磚都堆疊在窗口的頂部/左側。當我調整頁面大小時，他們排列在正確的位置。我在一個Wordpress頁面中使用JavaScript。這是在頁面底部的代碼：

<script src="http://www.bitumephotofest.it/wordpress/wp-content/themes/sequential/js/masonry.pkgd.min.js"></script> 

<script> 
var container = document.querySelector('#container'); 
var msnry = new Masonry(container, { 
    // options 
    columnWidth: 10, 
    itemSelector: '.item' 
}); 
</script> 

我從StackOverflow上前面的問題，我不得不使用「imagesLoaded（）」 undestrood。但我應該在哪裏以及如何添加它？我是JavaScript的新手。

有什麼建議嗎？

Answer 1

這是很難知道沒有一個例子URL，但嘗試：

<script> 
$(document).ready(function() { 
    var container = document.querySelector('#container'); 
    var msnry = new Masonry(container, { 
    // options 
    columnWidth: 10, 
    itemSelector: '.item' 
    }); 
}); 
</script>