砌体 - 如何改变物品

Question

我正在为我的一个网页使用砌体脚本。

这是JS（使用jQuery，Typescript和ImagesLoaded插件）：

$(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
    });
});  

这是非常好的。
但是现在我需要在项目渲染之前对其进行洗牌并显示我的砖石。这有点可能吗？
我尝试使用Isotope并查看了包装，但两者都没有在我的网站上解决。

感谢您的帮助！

Answer 1

  

在渲染和显示项目之前对其进行随机播放

项目是否分配了任何JavaScript事件侦听器。 如果不是（意思是'容器'只包含标记而没有脚本依赖），那么我建议：

1. 创建一个数组，将每个单独的砌体项目的标记存储为HTML字符串。
2. 随机播放阵列
3. 将数组内容转储到'container'

原油解决方案肯定。但是，希望这能完成工作。