在頁面加載時隱藏同位素元素

Question

我在加載頁面時隱藏同位素元素有問題。我遵循https://github.com/desandro/isotope/issues/56的解釋。然而，雖然我想隱藏的元素沒有被顯示（在CSS中使用「opacity：0」），但它留下了一個空白區域。

你可以在http://whatcanido.co.uk/pace/看到它。這是網格中的第一項。

如果您隨後將鼠標懸停在頂部菜單中的「通過專業知識」項目上，並單擊「架構」，則表示它正常。

我正在使用別人的Wordpress主題，我正在適應，並不知道爲什麼留下空白空間。

我需要隱藏第一個項目，直到過濾器被激活。

我將不勝感激任何幫助。

本

Answer 1

你能不能說得所有初始項的類來過濾。

試圖給這應該是第一頁的一類.init和過濾爲上顯示的所有項目：

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

我從來沒有使用同位素，但我認爲它應該在文檔閱讀幾行後工作。