Question

我正在使用Algolia instantsearch.js一个非常简单的搜索框和一个像http://codepen.io/anon/pen/aNXLBV这样的搜索按钮

我已使用options.searchOnEnterKeyPressOnly更改了搜索框的行为，我还想在有人点击Search按钮时触发搜索。

我确定这是一个RTFM问题，但我无法在Algolia general JS docs找到任何内容，在某些方面它们看起来像两种不同的野兽。

那么如何在 Enter 上点击或点击Search按钮？

Answer 1

假设您有一个标识为search-button的按钮，并且标识为search-box的搜索框

如果您正在使用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
})

我有类似的问题，我这样做。希望这会奏效。

Answer 2

您可以绑定按钮点击/提交并致电：

// search = instantsearch(); ...
search.helper.search();

事实上，这并不是一件微不足道的事情，也很难以知道你何时只知道instantsearch.js。

我们会尽量让它变得更容易。

单击按钮

2 个答案: