Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/448.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Algolia InstantSearch单击文本中的关键字时发送筛选请求_Javascript_Jquery_Search_Algolia_Instant - Fatal编程技术网

Javascript 使用Algolia InstantSearch单击文本中的关键字时发送筛选请求

Javascript 使用Algolia InstantSearch单击文本中的关键字时发送筛选请求,javascript,jquery,search,algolia,instant,Javascript,Jquery,Search,Algolia,Instant,我正在使用Algolia即时搜索来搜索一个项目,但我有一个小问题需要发送一个过滤请求。 下面是我想做的一个示例,使用即时搜索示例页面之一: 在这个页面上,所有的过滤器都在旁边,产品在主内容块中。 在产品描述中,我希望有关于关键字的链接,这些链接在旁边起到过滤器的作用。 例如,对于砧板“legil”(左边的第一个产品),在描述中有关键字“white”。我想,如果这个关键字是一个链接,当点击它时,它就像点击颜色选择器旁边的白色值一样 我尝试使用JQuery触发器函数,它工作得很好,但只适用于过滤器中

我正在使用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();
});

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

非常感谢,这正是我需要的!