我一直在阅读堆栈溢出以寻求解决方案,但找不到它。
(全尺寸图像位于/image/n0hd0.png)
当我加载页面时,它看起来像这样
这是网站(测试版)
http://e-gimnazija.hostoi.com/test/site/index.html
如果你按全部它就会展开,如果它在开始时自动展开,也许我可以解决这个问题
最佳答案
问题是,当您运行 .isotope
时,图像尚未加载,因此插件无法计算它们的大小..
您有一些不同的选项可供选择
- 图像加载后启动 isotope..
$(window).load(function(){/*在此处初始化插件*/})
- 使用imagesLoaded插件:http://isotope.metafizzy.co/docs/help.html#imagesloaded_plugin
- 调用
reLayout
图像加载后$(window).load(function(){$('#thumbs').isotope('reLayout');});
- 如果
li
元素是固定大小的,那么通过CSS给它们尺寸,isotope
会拾取它们。
关于jquery - 同位素折叠(元素重叠),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13959579/