砖块堆叠在一起，直到在 Wordpress 上调整页面大小答案

【问题标题】：The masonry bricks are stacked together until page resize on Wordpress砖块堆叠在一起，直到在 Wordpress 上调整页面大小
【发布时间】：2015-06-10 13:56:59
【问题描述】：

我实际上在 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 新手。

有什么建议吗？

【问题讨论】：

标签： javascript wordpress image masonry imagesloaded

【解决方案1】：

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

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

【讨论】：