jquery - 砌体仅适用于第一个 div 类

Question

我正在尝试将砌体应用到我正在制作的新博客主题中，但砌体仅适用于第一个 div 类“帖子”。你可以在这里看到它http://mhutchinson.me.uk/。

我的砌体代码是

        $('#wrapper').masonry({ itemSelector: '.post',  columnWidth: 300});

如您所见，如果您检查元素，第一个 div 类只会获得 masonry 的附加定位。有谁知道如何解决这个问题？

谢谢！

score 0 · Accepted Answer

看看你的源代码——你已经包含了 masonry Javascript 和

$('#wrapper').masonry({ itemSelector: '.post',  columnWidth: 300});

在循环内部，因此它被多次包含和调用。

将它放在您的 footer.php 中，而不是在 body 标记之前。更好的是，看看实现imagesLoaded()。$(window).load()我这么说的原因是，如果您有很多充满图像的帖子，您可能会在正确定位内容时遇到问题。这里的一些链接可能会有所帮助；

1 回答 1