砌体重叠（Imbalance2 Bug）

我使用Wordpress.org构建了我的网站，主题称为Imbalance2。 我注意到这个主题有一个错误，我搜索了关于重叠问题的主题，因为Mason的js。 我使用imagesLoaded （来自用户Leger at using masonry with imagesloaded ，谢谢！）：它有效但有时我的Chrome仍然重叠。 我决定添加一个分页而不是“Lazy Load”（以避免更多问题…）但我无法合并#Loed的#Lowed和＃related …

请你帮助我好吗？ 这是我的网站地址

非常感谢您的时间！

  $(document).ready(function() { // grid var $boxes = $('.box'); $boxes.hide(); var $container = $('#boxes'); $container.imagesLoaded( function() { $boxes.fadeIn(); $container.masonry({ itemSelector: '.box', columnWidth: 290, gutterWidth: 40 }); }); $('#related').masonry({ itemSelector: '.box', columnWidth: 290, gutterWidth: 40 }).masonry('reload'); });  

Answer 1

这个调整是对chrome和safari浏览器的修复。

添加此行。

jQuery（“img”）。load（function（）{jQuery（“。container_class”）。masonry（）; //这个调整是对chrome和safari浏览器的修复}）;

Answer 2

这是我找到的解决方案。 正如我所说，我更改了“Lazy Load”的分页，我在下面编写了代码，感谢一些在此论坛中共享其解决方案的用户。