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

Question

就像标题一样,如何在Algolia Instant Search的同一页面上放置多个分页小部件？简单地说,我希望在结果的顶部有一个分页,在底部有另一个分页.

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

错误:容器必须是string或HTMLElement.

Answer 1

要添加instantsearch.js分页窗口小部件的多个实例,您只需要将它多次添加到您的instantsearch实例:

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

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