我有一些我已经放在一起使用jQuery同位素这里..
http://jsbin.com/eziqeq/6/edit
它似乎在一般工作,但在第一次加载,一个新的选项卡,Isotope插件将包装器元素的高度设置为0.如果我刷新页面,它的工作,并设置父元素的高度,基于里面找到的物品
任何帮助将不胜感激.我不能想到为什么这个第一次加载这不工作,并在随后的重新加载它是..除非它可能与缓存图像加载有关？
编辑 –
这是Webkit浏览器中的一个缓存问题,因为它可以在Firefox和工作选项卡上工作,当我清除缓存并刷新页面,它将无法再工作,直到再次刷新.
解决方法
您可以使用mkoryak建议的插件.
或者您可以使用以下内容：(不需要插件 – 仅限jQuery)：
// jQuery - Wait until images (and other resources) are loaded
$(window).load(function(){
// All images,css style sheets and external resources are loaded!
alert('All resources have loaded');
});
使用上述方法,您还可以确保所有CSS样式表都被加载(以确保在同位素启动时您的页面正确显示).
$(document).ready( function(){ ... });
“Window load”等待所有资源,然后发射.
$(window).load( function(){ ... });
Note: (by @DACrosby): load() won’t always fire if the images are cached (ie,they’re not presently being loaded from the site – you’re using your local copy).
