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

Question

如标题，如何将多个分页小部件与Algolia Instant Search放在同一页面上？简单地说，我希望在结果的顶部有一个分页，在底部有另一个分页。

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

Error: Container must be string or HTMLElement.

Answer 1

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

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

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

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

How can I implement multiple instances of pagination in Algolia instant search?

javascript

pagination

algolia