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之前的问题，我必须使用＆＃34; imagesLoaded（）＆＃34;。但是我应该在哪里以及如何添加它？我是javascript的新手。

有什么建议吗？

Answer 1

如果没有示例网址，很难知道，但请尝试：

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

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

1 个答案: