通过ajax加载更多帖子后，砌体视图不起作用

我正在使用这个方法用Ajax加载更多的帖子

我也在使用posts布局

砖石工程适用于第一组立柱，但不适用于单击“加载更多立柱”后附加的下一组立柱

加载更多的帖子后，我如何使砌体工作

点击前的屏幕

点击后的屏幕

源代码： index.php

在大多数javascript库中，如果在初始化插件后更改DOM（HTML），则必须告诉库已进行了更改。大多数库都会包含一个函数或侦听一个通知它更新的事件。在砖石结构的情况下，它看起来像是一个函数

在您的情况下，看起来您必须调用
$（'.home grid'）.mashine（'reloadItems'）直接在您执行
按钮.text（'More posts'）.prev（）之前（数据）

完整代码：

jQuery(function ($) {
  $('.misha_loadmore').click(function () {

    var button = $(this),
      data = {
        'action': 'loadmore',
        'query': misha_loadmore_params.posts,
        'page': misha_loadmore_params.current_page
      };

    $.ajax({
      url: misha_loadmore_params.ajaxurl, // AJAX handler
      data: data,
      type: 'POST',
      beforeSend: function (xhr) {
        button.text('Loading...');
      },
      success: function (data) {
        if (data) {
          button.text('More posts').prev().before(data); // insert new posts
          $('.home-grid').masonry('reloadItems');
          misha_loadmore_params.current_page++;

          if (misha_loadmore_params.current_page == misha_loadmore_params.max_page)
            button.remove(); // if last page, remove the button

        } else {
          button.remove(); // if no data, remove the button as well
        }
      }
    });
  });
});

查看图像隐藏部分。这是在加载每个图像时请求布局。部分问题已经解决。（主要问题）出现了一个新问题。我会在短时间内解释细节。非常感谢你。