jquery - 使用 mmenu 中的搜索字段进行正常搜索

Question

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

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

而且我不希望它在每次击键后搜索，而只是在按下 ENTER 键时搜索。这可以做到吗？

Answer 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();
    }
});

Answer 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" );
    }
);