Massonary Grid AJAX加载问题

Question

我在自己的wordpress主题上使用masonry脚本来进行后期的马萨诸塞式布局http://prntscr.com/l14jh7。 当我单击“加载更多”按钮时，它在网格http://prntscr.com/l14kbl

上重叠

我的js代码

$("#load-more-posts").on('click', function (e) {
    var nexturl = $(this).attr('href');

    $.get(nexturl, {}, function (data) {
        var posts = $(data).find(".lorepostsgrids").html();
        //console.log(posts);
        $(".lorepostsgrids").append(posts);

        var postgrids = $('.lorepostsgrids');
        imagesLoaded($postgrids,function(){
            $postgrids.masonry('appended',items);
            $postgrids.masonry({
                itemSelector: '.grid-item'
            });

        });


        var newpagelink = $(data).find("#load-more-posts").attr("href");
        if(newpagelink){
            $("#load-more-posts").attr('href', newpagelink);
        }
        else{
            $("#load-more-posts").hide('slow');
        }
    });
    return false;
});

var newpagelink = $("#load-more-posts").attr("href");
if(!newpagelink){
    $("#load-more-posts").hide('slow');
}

请解决