Кирпичи кладки сложены вместе до тех пор, пока не изменится размер страницы на Wordpress

Question

Я нашел несколько вопросов об этом на StackOverflow, но они не разрешили мою проблему, поэтому я прошу просить здесь.

Когда я загружаю страницу, все кирпичные кладки сложены вместе в верхней/левой части окна. Когда я изменяю размер страницы, они расположены в правильном положении. Я использую javascript на странице Wordpress. Это код в нижней части страницы:

<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> 

Я undestrood из предыдущих вопросов, на StackOverflow, что я должен использовать «imagesLoaded()». Но где и как его добавить? Я новичок в javascript.

Любые предложения?

Answer 1

Это трудно понять без примера URL, но попробовать:

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