2

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

在这个页面上,所有的过滤器都在旁边,产品在主要的内容块中。在产品描述中,我想在关键字上有链接,这些链接作为过滤器放在一边。例如,对于砧板“LEGITIM”(左侧第一个产品),在描述中,有关键字“白色”。我想,如果这个关键字是一个链接,当点击它时,它的操作就像点击颜色选择器中的白色值一样。

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

有人有解决这个问题的想法吗?

最好的,

4

1 回答 1

7

你可以做的是像这样直接使用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();
});

这是一个非常好的用例,我们将编写一份完整的指南。让我知道该答案是否已经是您解决问题的良好开端。

于 2016-06-21T19:53:55.957 回答