BootStrap图像有时会重叠

Question

我在彼此重叠的图像上遇到CSS Bootstrap问题。问题还在于有时它会发生，有时它不会如此，它会非常不一致。

我还注意到，如果我点击F12开发工具，图像会自动间隔正确。 我尝试按CTRL + F5刷新缓存，但问题仍然存在。

这是网站http://www.sdhealthy.com/productssnacks.html 这是一个重叠的图像样本（picture）。

任何人都可以指出我在CSS代码上出了什么问题？

Answer 1

我已经查看了您的代码，并且您正在使用同位素jquery插件来定位并使用'isotope-item class'为div设置动画。

我怀疑你需要添加你的jquery的这部分......

$(".isotope-w").isotope({
itemSelector: '.item',
layoutMode: 'fitRows'
});

到$（文件）.ready功能。

这是因为同位素插件在图像下载完成之前计算div的高度。

“解决方法”是手动将height属性添加到每个图像，但我可以尝试更正你的jquery。

Firebug也报告错误：

ReferenceError: $ is not defined: $(document).ready(function () {
http://www.sdhealthy.com/productssnacks.html
Line 29

如果您的同位素代码已经准备好在文档准备就绪时运行，则此错误将阻止其运行。