javascript - 無限スクロールフェッチをキャンセルする

Question

無限スクロールを使用して新しい要素をフェッチし、ページを拡張しています。ユーザーがフィルターを適用するときに、進行中のフェッチをキャンセルしたいと思います。そうしないと、ページに読み込まれ、現在のフィルターと一致しません。

それを行う方法はありますか？

Answer 1

これが私がそれを解決することになった方法です。

グローバル変数midFilterを設定し、無限スクロールコールバック関数を介して返されたすべてのアイテムを削除します。

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

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

});