砖石砖堆叠在一起，直到页面在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()"。但是我应该在哪里以及如何添加它呢?我是一个javascript新手。

显示吗?

Answer 1

没有URL示例很难知道，但请尝试:

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