在页面加载时隐藏同位素元素

Question

我在加载页面时隐藏同位素元素有问题。我遵循https://github.com/desandro/isotope/issues/56的解释。然而，虽然我想隐藏的元素没有被显示（在CSS中使用“opacity：0”），但它留下了一个空白区域。

你可以在http://whatcanido.co.uk/pace/看到它。这是网格中的第一项。

如果您随后将鼠标悬停在顶部菜单中的“通过专业知识”项目上，并单击“架构”，则表示它正常。

我正在使用别人的Wordpress主题，我正在适应，并不知道为什么留下空白空间。

我需要隐藏第一个项目，直到过滤器被激活。

我将不胜感激任何帮助。

本

Answer 1

你能不能说得所有初始项的类来过滤。

试图给这应该是第一页的一类.init和过滤为上显示的所有项目：

$('#container').isotope({ filter: '.init' }); 

我从来没有使用同位素，但我认为它应该在文档阅读几行后工作。