Javascript 单击按钮时如何使用instantsearch.js启动搜索
我正在使用一个非常简单的搜索框和一个像这样的搜索按钮Javascript 单击按钮时如何使用instantsearch.js启动搜索,javascript,search,algolia,Javascript,Search,Algolia,我正在使用一个非常简单的搜索框和一个像这样的搜索按钮 我已使用选项更改了搜索框的行为。SearchOnInterkeyPressOnly,我希望在有人单击搜索按钮时启动搜索 我确信这是一个RTFM问题,但我在这方面找不到任何东西,无论是在中,还是在某些方面,它们看起来像两个不同的野兽 那么,我怎样才能在输入或单击搜索按钮时启动搜索?您只需绑定按钮,然后单击/提交并调用: // search = instantsearch(); ... search.helper.search(); 事实上,这
我已使用
选项更改了搜索框的行为。SearchOnInterkeyPressOnly
,我希望在有人单击搜索
按钮时启动搜索
我确信这是一个RTFM问题,但我在这方面找不到任何东西,无论是在中,还是在某些方面,它们看起来像两个不同的野兽
那么,我怎样才能在输入或单击
搜索按钮时启动搜索?您只需绑定按钮,然后单击/提交并调用:
// search = instantsearch(); ...
search.helper.search();
事实上,这并不是一件琐碎的/有文档记录的事情,这使得您很难知道何时只知道instantsearch.js
我们将尽量简化。您只需绑定按钮,然后单击/提交并调用:
// search = instantsearch(); ...
search.helper.search();
事实上,这并不是一件琐碎的/有文档记录的事情,这使得您很难知道何时只知道instantsearch.js
我们会尽量简化。假设您有一个id按钮<代码>搜索按钮
和id搜索框<代码>搜索框
如果您正在使用jquery,请这样做
var search = instantsearch({
appId: algoliaCredential.appId,
apiKey: algoliaCredential.searcKey,
indexName: 'INDEXNAME'
});
search.start();
$('#search-button').on('click', function(){
var query = $('#search-box').val().trim();
search.helper.setQuery(query).search(); //Set the query and search
})
我也有类似的问题,我就是这样做的。希望这能起作用。假设您有一个id按钮
搜索按钮
和id搜索框搜索框
如果您正在使用jquery,请这样做
var search = instantsearch({
appId: algoliaCredential.appId,
apiKey: algoliaCredential.searcKey,
indexName: 'INDEXNAME'
});
search.start();
$('#search-button').on('click', function(){
var query = $('#search-box').val().trim();
search.helper.setQuery(query).search(); //Set the query and search
})
我也有类似的问题,我就是这样做的。希望这能起作用。[由于无法编辑,我已经重写了我的上一条评论]感谢您的输入,但我已经尝试过了,但由于它是“重置”的,我认为有问题,所以我在这里询问。例如,尝试搜索并按enter键,然后搜索其他内容并单击按钮:您将看到新搜索被上一个替换。也许我的代码有问题?我使用的是:
jQuery(#search btn”).click(函数(){search.helper.search();})你能提交一个JSFIDLE来演示这个问题吗?谢天谢地,这是相当粗糙的,基于你的演员索引。尝试搜索某个内容并按Enter键,然后尝试其他内容并单击search。您应该看到搜索词被设置回上一个。非常感谢。非常感谢,我要看看这个Bug哦,很好,我明白了,你想让我在Github上填一个问题吗?非常感谢。[由于无法编辑,我已经重写了我的上一条评论]感谢您的输入,但我已经尝试过了,但由于它是“重置”的,我认为有问题,所以我在这里询问。例如,尝试搜索并按enter键,然后搜索其他内容并单击按钮:您将看到新搜索被上一个替换。也许我的代码有问题?我使用的是:jQuery(#search btn”).click(函数(){search.helper.search();})你能提交一个JSFIDLE来演示这个问题吗?谢天谢地,这是相当粗糙的,基于你的演员索引。尝试搜索某个内容并按Enter键,然后尝试其他内容并单击search。您应该看到搜索词被设置回上一个。非常感谢。非常感谢,我要看看这个Bug哦,很好,我明白了,你想让我在Github上填一个问题吗?非常感谢。嘿,这是一个很好的解决办法,直到它得到修复!但是var query=trim($(“#搜索框”).val()
不起作用,看起来您借用了PHP进行修剪(呵呵;)我已经编辑了你的答案,谢谢!嘿,这是一个很好的解决办法,直到它得到修复!但是var query=trim($(“#搜索框”).val()
不起作用,看起来您借用了PHP进行修剪(呵呵;)我已经编辑了你的答案,谢谢!