Question

无法在Ghost Blog主题上使用Infinite Ajax Scroll插件。我也在使用Isotope插件进行布局。

在监视开发cmd时，我看到滚动时正在进行GET请求。他们通常发回200，但有时304。

我预感到这个问题与我对同位素的回调有关，虽然我无法以任何方式获得无限卷轴（禁用同位素，所有其他插件，等等）。

以下是代码：

  var ias = $.ias({
    container:  $container,
    item:       '.post-excerpt-block-wrap',
    pagination: '.pagination-inner',
    next:       '.older-posts'
  });

  $.ias().extension(new IASPagingExtension());

  ias.on('rendered', function(items) {
      loadImages();
      checkForFeatured();
      makeFontResponsive();
      addReadMoreLinks();
      fitVidInit();
      var $newElems = $(items); 
      $newElems.imagesLoaded(function(){
        $container.isotope( 'appended', $newElems );
      });

  });

当前对Isotope的回调导致最初呈现的内容在页面滚动时跳转，但没有向页面添加其他元素。

感谢帮助/见解。

更新

在github repo中读取问题线程后，我发现问题可能与jQuery Ghost默认使用的版本有关 - 1.11.0 所以我尝试使用最新的（2.1.1），但没有改变。

另外，为了更好地解释当前的行为：仅返回304 GET响应，并且可以继续滚动。执行此操作时，控制台中的页面将显示为循环，具体而言，这是控制台中显示的内容：

GET /page/2/  304  47ms
GET /page/3/  304  55ms
GET /page/4/  304  49ms
GET / 304  61ms
GET /page/2/  304  41ms
etc...

代码（主题）现在可用于调试 HERE

Answer 1

来自https://github.com/webcreate/infinite-ajax-scroll/issues/141：

有一件事我注意到你是如何配置容器选择器的：

var ias = $.ias({
  container:  $container,
  ...
});

你应该传入一个带有容器选择器的字符串，所以不是$ container而是“.post-excerpt”。希望这会有所帮助。

带同位素的无限Ajax滚动

更新

1 个答案: