如何在单击按钮时使用instantsearch.js启动搜索

How to fire a search with instantsearch.js when clicking on a button

本文关键字：instantsearch js 启动 搜索 单击 按钮      更新时间：2023-09-26

我使用Algolia instantsearch.js，它有一个非常简单的搜索框和一个类似这样的搜索按钮http://codepen.io/anon/pen/aNXLBV

我已经用options.searchOnEnterKeyPressOnly更改了搜索框的行为，我希望当有人单击Search按钮时也启动搜索。

我确信这是一个RTF问题，但我在Algolia通用JS文档中也找不到任何关于这方面的内容，而且它们在某些方面看起来像两个不同的野兽。

那么，我如何在Enter或单击Search按钮上启动搜索呢？

假设您有一个id为search-button的按钮和id为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
})

我也有类似的问题，我就是这样做的。希望这能奏效。

您只需绑定您的按钮点击/提交并调用：

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

事实上，这并不是一件琐碎/有文档记录的事情，当你只知道instantsearch.js.时，很难知道

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

相关文章：