Div与Isotopes重叠

Question

我在我的页面使用同位素，我的图像重叠的div。 这个问题只发生在我第一次访问浏览器上的页面时和电话上的所有时间。在本地访问页面时，它永远不会发生。

我已经尝试过使用.imagesLoaded，但它似乎并没有起作用。 有什么建议吗？

http://orianadesigns.com/4foodesses

Answer 1

卸载的图像可能会导致同位素布局失效并导致项目元素重叠。 imagesLoaded解决了这个问题。 你需要安装imagesLoaded.js，然后像这样调用同位素：

var $container = $('#container');
// init
$container.imagesLoaded( function(){
$container.isotope({
 // options
itemSelector: '.box',
layoutMode: 'masonry'
});
});

Answer 2

为图像提供固定的宽度/高度对我来说解决了这个问题。