Jquery masonry 如何将砌体应用于ajax调用附加的项

我有一个图片网格，在移动视图（320 X 480）中有一个“加载更多”按钮。容器分区如下所示：

<div id="divMoments" class="grid" data-masonry='{ "itemSelector": ".grid-item"}'>
  <div class="grid-item">
     <div class="gridContainer">
       <img src="ImageURL" />
       <p>OwnerName</p>
     </div>               
  </div>
</div>

使用砌体v4.1.1

---

延迟后重新使用砌体对我来说很有效

function ShowNextResultSet(data) {
  var $content = jQuery(data.ResultSet);
  jQuery("#divMoments").append($content).masonry('appended', $content);

  setTimeout(function () {
     jQuery("#divMoments").masonry('reloadItems');
     jQuery("#divMoments").masonry();
  }, 100);
}

function GetNextSet() {
            jQuery.ajax({
                url: "/api/sitecore/Moment/GetNextSet",
                type: "POST",
                context: this,
                success: function (data) {
                    ShowNextResultSet(data);
                }
            });
        }

function ShowNextResultSet(data) {
  var $content = jQuery(data.ResultSet);
  jQuery("#divMoments").append($content).masonry('appended', $content);
  jQuery("#divMoments").masonry('reloadItems');
  jQuery("#divMoments").masonry();
}

function ShowNextResultSet(data) {
  var $content = jQuery(data.ResultSet);
  jQuery("#divMoments").append($content).masonry('appended', $content);

  setTimeout(function () {
     jQuery("#divMoments").masonry('reloadItems');
     jQuery("#divMoments").masonry();
  }, 100);
}