jQuery无限滚动仅适用于页面重新加载

Question

我正在使用网格在页面上实现延迟加载，并且效果很好，但是只有在重新加载页面之后才可以。 有人可以建议如何设置DOM，这样就不需要重新加载即可运行吗？

<script type="text/javascript">
      $(document).ready(function(){
      {%- if paginate.next -%} {
      $('.posts--grid').jscroll({
        loadingHtml: "<div class=\"loading-container\"><img src={{ 'loading-data.gif' | asset_url }}</div>",
        nextSelector: '#posts--grid--next-page:last a.posts-next-link',
        contentSelector: '.posts--grid',
        autoTrigger: true,
        padding: 300,
        callback: function() {
          if($('#posts--grid--next-page').children().length <= 0) {
            $('#posts--grid--next-page').remove();
          }
        }
      });
    }
  });
    {%- endif -%}
</script>