在这个例子中,masonry.js被初始化了吗?

时间:2014-11-27 05:11:17

标签: jquery jquery-masonry

在这个例子中(完美地运作),http://codepen.io/anon/pen/CotJv 包含了masonry.js,但在阅读了其他的tuturials之后,我的理解是你不仅要导入脚本而且还要初始化砌体。

我目前在我的机器上有本地工作的codepen示例,但我询问如何初始化砌体的原因是我正在尝试更改装订线尺寸,我没有看到任何地方这样做。

例如,masonry.js网站上的这一行显示您可以设置columnWidth。

var container = document.querySelector('#container');
var msnry = new Masonry( container, {
  columnWidth: 200,
  itemSelector: '.item'
});

在上面粘贴的codepen中,我没有看到类似于这一行的内容,所以我想知道我需要在代码中设置columnwidth和guttersize。 此编码器基本上是Tympanus masonry.js演示的直接克隆。 http://tympanus.net/codrops/2013/07/02/loading-effects-for-grid-items-with-css-animations/ 我已将整个演示从Tympanus导入我的本地机器,我没有看到masonry.js在任何地方被初始化。我肯定不会在这里理解。我可以把上面发布的代码片段粘贴到标签之间的html中吗?这里有任何帮助,我想要做的就是能够控制每张图片之间的列大小和空间。

1 个答案:

答案 0 :(得分:0)

搜索'初始化砌体'在HTML列中