元素的同位素高度设置不正确

Isotope height of elements not set correctly

本文关键字：设置 不正确 高度 同位素 元素      更新时间：2023-09-26

所以我的同位素元素的高度设置不正确，元素相互重叠:http://bz-fotografie.de/kundengalerie/gallery-1/

奇怪的是，它可以在我的本地主机上运行，但不能运行。

我不是JS专家，所以我的helper.js中的结构可能不是最好的…

现在似乎可以工作了。我使用了imagesloaded.js，并在我的同位素调用后添加了这个:

$container.imagesLoaded().progress( function() {
    $container.isotope('layout');
});

问题是，当你运行。同位素的图像还没有加载，所以插件不能计算它们的大小。

你有一些不同的选项可以选择

  1. 加载图像后开始同位素。$(窗口).load(函数(){/初始化插件/})

  2. 使用imagesLoaded插件:http://isotope.metafizzy.co/docs/help.html#imagesloaded_plugin

3。$(window).load(function(){$('#thumbs').isotope('reLayout');});

4。如果li元素是固定大小的，那么通过CSS给它们定格，同位素就会把它们挑出来。

相关文章：