Packery + Infinite Scroll：加载新项目后的堆叠项目

Question

我正在使用Packery和Infinite Scroll插件来加载砌体列表中的新项目。

我在加载文档

上使用此代码

$(window).load(function() {
    var $container = $("#container1");

    $container.packery({
        itemSelector: ".box1"
    });

    $container.infinitescroll({
        navSelector  : "#page-nav",
        nextSelector : "#page-nav a:first",
        itemSelector : ".box1",
        loading: {
            finished: function(){
                window.dispatchEvent(new Event("resize"));
            },
            finishedMsg: "No more pages to load.",
            img: "http://i.imgur.com/6RMhx.gif"
        }
    },
    function( newElements ) {
        $container.packery("appended",newElements);
    });
});

在Chrome上，我的新项目显示不正确，但是其中的项目不正确......

如果我调整屏幕大小，那么我的列表会修复！

任何解决方案？