Question

在WordPress中，我的帖子由砌体排列，在60％的时间里完美运行。

其余时间他们互相重叠，好像砖石在帖子之前制定了布局。特色图片和摘录已经完成加载，导致重叠。

每次刷新页面都会修复。有没有其他人遇到这个或知道什么是错的？

WordPress正在加载Masonry，以及我的script.js文件中的以下内容：

    var $container = $('#latestposts');
            $container.masonry({
        itemSelector: '.masonryitem',
        isAnimated: true
    });

谢谢！

Answer 1

这是人们在使用Masonry / Isotope时会遇到的一个常见问题，并在常见问题解答http://masonry.desandro.com/faq.html中进行了介绍。

要修复它，请在代码块的末尾调用layout方法，一旦元素加载完毕就会刷新布局，结果没有重叠。

以下是Masonry文档中的约定：http://masonry.desandro.com/methods.html#layout

或者，您也可以通过在实例化Masonry插件之前确保已加载所有元素来解决此问题。

如果这只会导致图像重叠，另一种解决方法是在图像加载后使用imagesLoaded()方法。这将触发Masonry并导致插件刷新布局。请记住，如果您要使用此方法，您实际上必须在调用方法之前将imagesLoaded脚本（https://github.com/desandro/imagesloaded）添加到项目中。有关详细信息，请参阅文档中的此页面：http://masonry.desandro.com/appendix.html#imagesloaded

此外，您可能会发现此帖中的一些建议很有用：I want to use Masonry in wordpress but it seems not working

Answer 2

在chrome和safari浏览器上有一个修改它。

添加以下行：

jQuery("img").load(function() { jQuery(".container_class").masonry(); });

砌体布局块重叠，适用于刷新

2 个答案: