砌体砖堆叠在一起，直到在 Wordpress 上调整页面大小

Question

我实际上在 Whosebug 上发现了一些关于此的问题，但它们没有解决我的问题，所以我尝试在这里提问。

当我加载页面时，所有砖块都堆叠在 window 的 top/left 中。当我调整页面大小时，它们会排列在正确的位置。我在 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>

我从以前关于 Whosebug 的问题中解脱出来，我必须使用 "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>

砌体砖堆叠在一起，直到在 Wordpress 上调整页面大小

The masonry bricks are stacked together until page resize on Wordpress

javascript

wordpress

image

imagesloaded

masonry