【发布时间】:2014-09-19 14:55:19
【问题描述】:
jQuery Isotope 插件主页解释了包含图像的项目可能会导致同位素网格中的重叠,并且可以使用 imagesLoaded 插件来解决此问题,方法是在加载图像后调用布局方法,如下所示:
$container.imagesLoaded( function() {
$container.isotope('layout');
});
问题似乎是布局需要一个 $elems 参数(至少带有砖石布局)。所以调用 isotope.('layout') 会给出一个错误,指出 $elems 未定义。示例代码不正确吗?它应该调用reLayout吗?
边栏,即使<img> 标签定义了高度属性,我也试图解决我的图像重叠问题。事实证明,如果 宽度和高度都被定义,同位素确实说明了它的大小。我决定使用 imagesLoaded 来确保无论哪种方式都能正常工作。
【问题讨论】:
-
一个 jsfiddle 会很有帮助,但是你定义了你的变量 $container 吗?
var $container = $('#your_ID'); -
另外,布局适用于同位素 v2,重新布局适用于 v1.5
-
@Macsupport - 啊,你明白了。我正在使用 v1,但没有注意到该网站现在在 v2 上。当我开始使用 V2 时,它仍处于测试阶段。请添加它作为答案,以便我给你信用。这是一个用于踢球的 jsfiddle:jsfiddle.net/htjdzhtz/47。它使用的是 v1。如果您将
"layout"更改为"reLayout",它会起作用。谢谢! -
添加了我的答案。谢谢!
标签: javascript jquery html jquery-isotope