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

Question

我在页面加载时隐藏同位素元素时遇到问题。我按照 https://github.com/desandro/isotope/issues/56 给出的解释进行操作。然而，虽然我想要隐藏的元素没有被显示(在CSS中使用“opacity:0”)，但它留下了一个空白。

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

如果您将鼠标悬停在顶部菜单中的“按专业知识”元素上，然后单击“架构”，效果会很好。

我正在使用别人的 WordPress 主题，我正在对其进行改编，但无法弄清楚为什么会留下空白。

我需要隐藏第一个元素，直到激活过滤器。

如果有任何帮助，我将不胜感激。

本

Answer 1

您不能为所有初始元素提供一个要过滤的类吗？

尝试为首页上应该可见的所有元素提供一个类.init并对其进行过滤:

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

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