Javascript 使用Algolia InstantSearch单击文本中的关键字时发送筛选请求
我正在使用Algolia即时搜索来搜索一个项目,但我有一个小问题需要发送一个过滤请求。 下面是我想做的一个示例,使用即时搜索示例页面之一: 在这个页面上,所有的过滤器都在旁边,产品在主内容块中。 在产品描述中,我希望有关于关键字的链接,这些链接在旁边起到过滤器的作用。 例如,对于砧板“legil”(左边的第一个产品),在描述中有关键字“white”。我想,如果这个关键字是一个链接,当点击它时,它就像点击颜色选择器旁边的白色值一样 我尝试使用JQuery触发器函数,它工作得很好,但只适用于过滤器中实际显示的值。 按照我的示例,使用白色值是可以的(因为这个值在颜色选择器中可用),但它不适用于黄色值 有人有办法解决这个问题吗Javascript 使用Algolia InstantSearch单击文本中的关键字时发送筛选请求,javascript,jquery,search,algolia,instant,Javascript,Jquery,Search,Algolia,Instant,我正在使用Algolia即时搜索来搜索一个项目,但我有一个小问题需要发送一个过滤请求。 下面是我想做的一个示例,使用即时搜索示例页面之一: 在这个页面上,所有的过滤器都在旁边,产品在主内容块中。 在产品描述中,我希望有关于关键字的链接,这些链接在旁边起到过滤器的作用。 例如,对于砧板“legil”(左边的第一个产品),在描述中有关键字“white”。我想,如果这个关键字是一个链接,当点击它时,它就像点击颜色选择器旁边的白色值一样 我尝试使用JQuery触发器函数,它工作得很好,但只适用于过滤器中
最好的方法是,您可以直接使用以下命令:
// 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();
});
这是一个非常好的用例,我们将就此编写完整的指南。让我知道这个答案是否已经是您问题的良好开端。非常感谢,这正是我需要的!