取消无限滚动获取

Question

我正在使用infinite scroll 获取新元素并扩展我的页面。当用户应用过滤器时，我想取消任何正在进行的提取。否则它们将加载到页面上并且与当前过滤器不匹配。

有没有办法做到这一点？

Answer 1

这就是我最终解决它的方法。

设置一个全局变量midFilter，并通过无限滚动回调函数删除所有返回的项目。

$('#item-grid').infinitescroll(settings, function (arrayOfNewElems) {

  if (midFilter) {
    $(arrayOfNewElems).each(function () {
      $(this).remove();
    });
  }

});