如何在Algolia即时搜索中实现多个分页实例？

Question

就像标题一样，如何在Algolia Instant Search的同一页面上放置多个分页小部件？简单地说，我想在结果的顶部加一个分页，在底部加一个分页。

我尝试通过container而不是单个元素作为document.querySelectorAll('.pagination')数组，遗憾的是它无法在控制台中返回错误

  

错误：容器必须为string或HTMLElement。

Answer 1

要添加instantsearch.js分页小部件的多个实例，您只需将其多次添加到您的即时搜索实例：

search.addWidget(
  instantsearch.widgets.pagination({
    container: '#pagination-container-1'
  })
);

search.addWidget(
  instantsearch.widgets.pagination({
    container: '#pagination-container-2'
  })
);