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

时间:2013-03-22 10:03:24

标签: jquery css jquery-isotope

我在页面加载时隐藏同位素元素时遇到问题。我按照https://github.com/desandro/isotope/issues/56给出的解释。然而,虽然我想隐藏的元素没有显示(使用"不透明度:0"在css中),但是它留下了一个空白区域。

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

如果你然后通过专业知识徘徊在""顶部菜单中的项目,然后单击" Architecture"它很好。

我正在使用其他人的Wordpress主题,我正在调整,并且无法弄清楚为什么留下空白。

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

我将不胜感激。

1 个答案:

答案 0 :(得分:5)

你不能给所有初始项目过滤一个类。

尝试将第一页上应该显示的所有项目都设为类.init,然后对其进行过滤:

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

我从未使用过同位素,但我认为在阅读文档中的几行后它应该可以使用。