使用Algolia InstantSearch单击文本中的关键字时发送过滤的请求

Question

我正在使用Algolia Instant Search进行项目,但我发送一个小问题来发送过滤请求.这是我想要做的一个例子,使用一个即时搜索示例页面:https://community.algolia.com/instantsearch.js/examples/e-commerce/

在此页面上,旁边有所有过滤器,主要内容块中有产品.在产品说明中,我希望关键字的链接可以作为过滤器使用.例如,对于砧板"LEGITIM"(左边的第一个产品),在说明书中,有关键字"white".我想,如果这个关键字是一个链接,那么当点击它时,它就像点击颜色选择器中的白色值一样操作.

我尝试使用JQuery触发器功能,它运行良好,但仅适用于实际显示在过滤器中的值.按照我的例子,可以使用白色值(因为这个值在颜色选择器中可用)但是它不适用于黄色值.

有人有想法解决这个问题吗？

最好,

Answer 1

你可以做的是直接使用algoliasearch-helper,如下所示:

// bind the click event on the color name, then
$('.hits .color').click(function(ev) {
  var color = $(this).data('color'); // given you store the color somehwere in a data-color attribute
  search.helper.toggleRefinement('color', color); // search is your instantsearch instance
  search.helper.search();
});

这是一个非常好的用例,我们将编写完整的指南.如果答案对您的问题已经是个好的开始,请告诉我.