砌體 - 如何洗牌項目

Question

我正在爲我的網頁之一使用砌體腳本。

這（使用jQuery，打字稿及ImagesLoaded插件）的JS：

$(function(){ 
    // or with jQuery 
    var $container; 

    function triggerMasonry() { 
     // don't proceed if $container has not been selected 
     if (!$container) { 
     return; 
     } 
     // init Masonry 
     $container.imagesLoaded(function() { 
      $container.masonry({ 
       itemSelector : '.item', 
       stamp: '.stamp', 
       gutter:20 
      }); 
     }); 
    } 
    // trigger masonry on document ready 
    $(function(){ 
     $container = $('#container'); 
     triggerMasonry(); 
    }); 
    // trigger masonry when fonts have loaded 
    Typekit.load({ 
     active: triggerMasonry, 
     inactive: triggerMasonry 
    }); 
}); 

這是工作非常好。
但現在我需要在物品呈現並顯示砌築物之前將其洗牌。這是否有可能？
我試圖使用同位素，看着打包，但都沒有在我的網站工作。

謝謝你的幫助！

Answer 1

洗牌的項目在渲染之前並顯示

做的項目都分配有任何JavaScript事件偵聽器。 如果不是（這意味着如果「容器」只包含標記和腳本的依賴），那麼我會建議：

1. 創建存儲每個單獨的磚石項目作爲HTML字符串的標記的數組。
2. 洗牌陣列和
3. 轉儲數組內容到「容器」

肯定的粗溶液。但是，希望這可以完成工作。