Css jQuery砖石/同位素和流体图像：窗口大小调整时瞬间重叠

我注意到，当使用jQuery同位素或砌体与流体/响应网站时，在调整浏览器窗口大小时，元素会暂时重叠。请看下面的图片，这是演示的截图。你也可以在同位素上看到这种情况

有什么办法可以避免这种重叠吗

感谢您在他的博客（）上回答了这个问题

--

对于砌体：

$(window).resize(function(){ $('#list').masonry('reload'); });

以下是我用同位素做的工作：

$(window).resize(function(){ $('#list').isotope('reLayout'); });

--

---

再次感谢你，奥斯瓦尔达斯。

感谢你的上述评论……我从这里得到了问题的答案，但我只想向你解释一下 我使用同位素使用ajax页面加载，因此我的代码-

var $container = $('your main container in which your all item will get listed');
 $container.imagesLoaded(function () {
     $container.isotope({
         itemSelector: 'figure',
         filter: '*',
         resizable: false,
         animationEngine: 'jquery'
     });
 });

之后，当我调用ajax时，使用

$("#filter-container").isotope('reLayout');

---

在第一页加载时，页面上将有一些数据，因此同位素将调整所有这些数据，在添加ajax加载的数据后，同位素将重新排列所有数据。

对于同位素版本3，请使用：

$(window).resize(function(){ $('.grid').isotope('layout'); });

---

避免网格项目重叠。

谢谢！这帮助我解决了同位素的问题。