使用 mmenu 中的搜索字段进行正常搜索答案

【问题标题】：Use searchfield in mmenu for normal search使用 mmenu 中的搜索字段进行正常搜索
【发布时间】：2013-09-23 03:21:17
【问题描述】：

我正在尝试为我的主页实现 mmenu (http://mmenu.frebsite.nl/)。

在高级示例中，有一个搜索字段，用于搜索菜单内容。我想知道搜索字段是否可以用作主页上的普通搜索而不是搜索菜单内容？

而且我不希望它在每次击键后搜索，但仅在按下 ENTER 键时搜索。这个可以吗？

【问题讨论】：

然后你可以尝试删除事件onkeyup或onkeydown并使用if(e.KeyCode == 13)。

标签： jquery search mmenu

【解决方案1】：

这样你就可以创建一个正常的搜索事件：

$("#foo").mmenu({
    searchfield:{
        add: true,
        search: false
    }
});
$("#foo .mm-search input").keyup(function(e){
    if(e.keyCode == 13){
        window.location.href = 'search.php?q=' + $(this).val();
    }
});

【讨论】：

【解决方案2】：

mmenu 插件提供了添加搜索字段的选项，而无需添加搜索功能。这样您就可以将自己的函数绑定到“更改”事件：

$("#foo").mmenu({
    searchfield:{
        add: true,
        search: false
    }
});
$("#foo .mm-search input")
    .bind( "change", function() {
        // do your search

        // maybe close the menu?
        $("#foo").trigger( "close" );
    }
);

【讨论】：