同位素容器 - 點擊顯示

Question

我正在使用同位素來創建過濾器功能。但整個同位素容器需要隱藏在初始頁面加載中，訪問者必須點擊容器顯示的按鈕。

我有過濾器的工作，但是當你點擊按鈕，第一次的容器加載時，所有的項目是在彼此頂部，然後當你點擊任何一個過濾器，一切都落到位。

你可以在這裏看到我的代碼 - http://chrsdev.com/test.html

如何解決在初始內容加載在彼此的頂部放置所有項目的問題？

非常感謝，如果有人能指出我在正確的方向。

Answer 1

下載imagesloaded.js並將腳本添加到您的頁面。 （空載圖像可以甩開同位素佈局，並導致項目元素重疊imagesLoaded解決此問題。）

然後調用同位素是這樣的：

//Initialize isotope on each container 
    jQuery.each($container, function (j) { 
    this.imagesLoaded(function() { 
     this.isotope({ 
      itemSelector : '.element-item' 
     }); 
    }); 
    }); 

附錄

的問題是與你的每一個功能和「這個」。試試這個。

//Initialize isotope on each container 
    jQuery.each($container, function (j) { 
    $container.imagesLoaded(function() { 
     $container.isotope({ 
      itemSelector : '.element-item' 
     }); 
    }); 
    });